原文：媒体查询（pc端，移动端不同布局）
媒体查询语法： .内联写法：and之后必须有空格 media screen and min width: px 判断浏览器大小条件 body background：red 常规的样式 .外联写法：当满足屏幕满足条件的时候连接href后的css文件 lt link stylesheet media screen and min width: href xx.css gt lt link styles ...
2016-07-31 15:22 0 5706 推荐指数：
相关推荐
...
如果遇到，想要在pc端和移动端上的js效果显示不同的话，可以加上以下代码： 这是根据页面不同宽度，手机不同分辨率来辨别的。 如果想要判断是移动端还是pc端，移动端和pc端的js效果显示不同，js加入以下代码 ...
试过，比较能匹配到移动端屏幕 ...
主要用于移动端内容适配，由于移动端有时候需要根据高度来进行适配，比如iPhone4和iPhone5的宽度一样，但是高度不同 /*iphone4*/ @media only screen and (max-width: 320px) and (max-width: 480px) { html ...
1、使用media的时候需要先设置<meta>标签来兼容移动设备的展示。 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0 ...
该媒体查询适配规则是以UI设计图750p宽度为版本的，比如PS量的是450px，在书写时写 (450rem/2/15). ...
移动端媒体查询的一些尺寸参考 /*iphone4 4s*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ /* Styles */ } @media screen ...