之前在简述移动端网页显示适配方案(一)中,记录了浏览器从pc端到移动端转变时,默认的缩放和显示机制。我们通过设置width=device-width和限定设计稿宽度的做法,初步实现了移动端的兼容。早期移动设备的屏幕宽度大都是320px,虽然通屏的大图宽度可以设置为100%,以此让它自动适配设备宽度,
【转】2016前端开发技术巡礼
注:本文转载自前端之巅-殷勇原文地址
2016年马上过去了，像过去六年中的每一年一样，Web前端领域又产生了“面目全非”而又“耳目一新”的变化，不但旧事物持续不断地被淘汰，新事物也难保坐久江山，大有岌岌可危之势。
【原】JS事件---冒泡与捕获相关的记录(二)
之前在JS事件---冒泡与捕获相关的记录(一)记录了cancelBubble和stopPropagation的一些区别.stopPropagation(阻止传播)在事件绑定时分为了两种情况。一种是事件从父级dom开始,向子孙dom传播.一种是事件从子孙dom开始,向父级dom传播.非事件绑定的事件触发默认,只是响应子孙dom向父级dom的事件传播.(如下面这种情况)
【原】简述移动端网页显示适配方案(一)
移动端页面开发从一开始就比pc端的适配要头疼一些。从媒体查询到viewport缩放,再到现在,rem方案才是喜欢简单粗暴的切图仔的福音。移动端开发有着多屏幕尺寸,多像素比(devicePixelRatio)的限制,不能像pc那样做到设计稿和页面同比例同尺寸了。
下面我贴出一张图的原图及在不同设备时的截图: