simple-flexible

simple-flexible copied to clipboard

在完全适配750px原稿的iphone6机型上数据有误； var width = docEl.getBoundingClientRect().width; // width = 370 maxWidth = maxWidth || 540; width>maxWidth && (width=maxWidth); var rem = width * 100 / designWidth; // rem = 50` 该方法没有考虑设备像素比，所有计算值和实际文章称font-size=100px(1rem)不符合；

kakaACML

移动端两种适配方案

5

方案一：强制meta viewport的宽度为设计稿的宽度 把下面的代码放在头部，然后制作稿跟PC上一样的制作就行 ```javascript // 根据设计稿的宽度来传参 比如640 750 1125 !function(designWidth){ if (/Android(?:\s+|\/)(\d+\.\d+)?/.test(navigator.userAgent)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { var phoneScale = parseInt(window.screen.width) / designWidth; document.write(''); }...

kujian

请问使用了该脚本后 字体该怎么设置 比如量了15px 是换成0.15rem吗? 还是直接写font-size:15px?

1

358xiaoyihezemin

关于设计稿像素和书写html代码时rem的关系

2

想问一下，假如我从美工哪里拿到的psd设计稿尺寸是720像素，设计稿里面的某个元素尺寸为70px * 70px那么我在布局的时候应该怎么给rem值呢？

kevinandleekai

想问一下，为什么要等到viewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；这个怎么验证呢？还有为什么需要去监听pageshow，complete，DOMContentLoaded事件呢？

kevinandleekai