html适配移动设备
2014-07-01 00:46
134 查看
一般做移动web的时候都会用到JQuery Mobile,可是把JQuery Mobile的CSS和JS文件引入以后怎么还是不能适配手机屏幕,原来是要加入一行
这一条至关重要,意思是使html的width和设备屏幕width相等,且不让用户缩放网页,适配妥妥的
下面是完整的head
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
这一条至关重要,意思是使html的width和设备屏幕width相等,且不让用户缩放网页,适配妥妥的
下面是完整的head
<span style="white-space:pre"> </span><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
相关文章推荐
- 定宽适配所有移动设备demo
- 【原】让H5页面适配移动设备全家 - 设计师篇 - PPT
- 移动设备分辨率以及适配问题
- HTML+CSS编写静态网站-36 设备适配概述
- 移动设备的HTML页面中图片实现滚动加载
- 从设备像素比到移动适配
- 移动设备的HTML页面中图片实现滚动加载
- frontopen模板移动设备浏览适配正式上线
- 移动app开发中多种设备尺寸适配问题
- html移动设备禁止缩放 屏幕适应
- 使用js解决移动设备适配问题
- 移动设备适配基础知识速成
- 移动设备web开发:html的head
- android开发如何更好的解决适配不同屏幕大小移动设备的问题
- 写出兼容各大邮箱及适配移动设备的邮件模板
- 让H5页面适配移动设备全家 - 设计师篇
- 移动app开发中多种设备尺寸适配问题
- 让你的页面轻松适配各种移动设备和 PC 端浏览器
- html+css适配移动端设备