Nemo

Nemo 关注TA

路漫漫其修远兮,吾将上下而求索。

Nemo

Nemo

关注TA

路漫漫其修远兮,吾将上下而求索。

  •  普罗旺斯
  • 负责帅就完事了
  • 写了1,493,291字

该文章投稿至Nemo社区   Js、Css、Html  板块 复制链接


用rem布局和用百分比布局使html自适应方案

发布于 2017/09/07 18:21 2,360浏览 0回复 440

在一些情况下做网页自适应的时候可能会用得上:

<script>
    var docEl = document.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
    var clientWidth = docEl.clientWidth;
    docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
    window.addEventListener(resizeEvt, function() { clientWidth = docEl.clientWidth;docEl.style.fontSize = 10 * (clientWidth / 320) + 'px'; }, false);
</script>
点赞(0)

上一个文章:MAC下重置mysql密码

下一个文章:Ajax文件上传

点了个评