2017年11月29日
手机端屏幕自适应（三） 淘宝网适配方案
摘要： 淘宝实用lib-flexible来适配各种大小的屏幕，现在来讲讲适配的原理 使用方法： 源码解析： 具体是实现的原理图例： 宽度为10rem Nexus 6p 布局宽度 为 10rem*41.2px=412px iphone5 布局宽度 为 10rem*64px=640px=320*dpr=320* 阅读全文
posted @ 2017-11-29 11:16 莺哥 阅读(7305) 评论(3) 推荐(1) 编辑
手机端屏幕自适应（二）
摘要： 一、什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览 阅读全文
posted @ 2017-11-29 10:13 莺哥 阅读(553) 评论(0) 推荐(0) 编辑