随笔分类 - 移动端
摘要：1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480
阅读全文
摘要：;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleE
阅读全文
摘要：1）布局的时候，各元素的css尺寸=psd上元素的尺寸/（设计稿横向总宽/10）。 2）font-size可能需要额外的媒介查询，并且font-size不使用rem。 拿淘宝来说的，他们用的设计稿是750的，所以html的font-size就是75，如果某个元素时150px的宽，换算成rem就是15
阅读全文
摘要：这个6.4就是根据设计稿的横向宽度640来确定的，假如你的设计稿是750 那么 html.style.fontSize = windowWidth / 7.5 + 'px'; (1)至此，font-size的基础值就确定好了，而且知道该font-size值是手机deviceWidth跟设计稿的比例值
阅读全文
摘要：@media screen and (max-width: 320px) { } @media screen and (min-width: 321px) and (max-width: 374px) { } @media screen and (min-width: 375px) and (max-width: 413px) { } @media screen and (min-width: ...
阅读全文
