手机网站自适应教程以及兼容IE

(元素模板) / 2015-04-09 12:27

如何让网站在手机上自适应：
首先在网页里面加入

<meta name="viewport" content="width=device-width, initial-scale=1" />

然后把调用的css样式表改为

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="400.css" />

里面这个表示，屏幕最大的时候就使用这个400.CSS

网站弄了自适应的代码后会发现IE浏览器就会有css错误，只要加入下方代码即可

<meta content="IE=edge" http-equiv="X-UA-Compatible" />

<meta content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no" name="viewport" />

上一篇：2015年最新最有效的去除优酷视频广告的方法

下一篇：jquery.lazyload js实现图片延迟加载使用方法