【原】简述移动端网页显示适配方案(二)

之前在简述移动端网页显示适配方案(一)中,记录了浏览器从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那样做到设计稿和页面同比例同尺寸了。

下面我贴出一张图的原图及在不同设备时的截图:

- 阅读剩余部分 -


  1. 1
  2. ...
  3. 5
  4. 6
  5. 7
  6. 8
  7. 9