MrZZhou的博客

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a

1.and、or、not、only 就是与或非当且仅当 and：比如对于：@media all and(min-width:800px)and(orientation:landscape){ 样式 }需要括号中几部分均为真，才会应用样式or：也可用逗号代替not：使用的not的一些情况：@media not all and(…){…}等价于@media not （all and(…)）{…}，但当

1.使用js。根据Windows resize和load事件，触发响应函数，获取设备尺寸，对应的更改图片的路径 2.服务端。就是将屏幕尺寸记录到cookie中，由服务端决定图片返回 ---------下面的两个比较常用-------- 3.srcset 格式： srcset="图一路径 图一宽度，图二路径 图二宽度，..."路径与宽度间有个空格。通过在img中加入srcset属性，浏览器会根

在移动web前端开发中，虽然在pc端有很多模拟器，chorme也有自带的，但这始终和真实的移动端上的效果是有差距的，不能完全保证可靠性。 所以这里介绍一个方法，首先保证你的pc和手机处于同一局域网下（手机连着电脑的WiFi就好了），打开Windows控制台，输入ipconfig，查看当前ipv4 此时在pc上将localhost改为此地址页面是可以打开的，但你在手机上直接输入却未必打得