移动端适配比列换算

Question

如果100px 100px的元素在iphone 4 下面（宽高320 480），
那么在iPhone 6下面（375 * 667）下面该显示多大呢？
该怎么换算呢？

Answer 1

(375100/320 667100/480)你试试，不确定

Answer 2

最近我也在搞H5的页面。这里推荐两篇优秀的文章，仔细看懂了，就知道怎么搞了。
文章1
文章2

Answer 3

em rem

Answer 4

谢邀， 你这题目，我没看懂啊。。。

当在移动端把页面的缩放关闭，比如固定为禁止缩放。

100px就是100px,无论哪个屏幕都是100px啊，难道你想问的是100px相对于各个尺寸的手机的比例？

Answer 5

给你一个计算的过程，你自己看看就懂了

(function (win,doc) {
        function setSize() {
          doc.documentElement.style.fontSize=20*document.documentElement.clientWidth/375+'px';
        }
        setSize();
        win.addEventListener('resize',setSize,false)
      })(window,document)