请选择 进入手机版 | 继续访问电脑版
搜索
房产
装修
汽车
婚嫁
健康
理财
旅游
美食
跳蚤
二手房
租房
招聘
二手车
教育
茶座
我要买房
买东西
装修家居
交友
职场
生活
网购
亲子
情感
龙城车友
找美食
谈婚论嫁
美女
兴趣
八卦
宠物
手机

Rem布局方案

[复制链接]
查看: 29|回复: 0

2万

主题

2万

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
71562
发表于 2020-1-14 18:32 | 显示全部楼层 |阅读模式
1.关键词明白:
viewport:视窗;装备屏幕用来展现网页的可视化地域

注:initial-scale:初始化放大倍数1.0
meta标签属性值:
我的关键词 Rem结构计划  热门消息 1743881-20200114161216878-331394875

物理像素和网页像素
筹划稿基于iphone6筹划
我的关键词 Rem结构计划  热门消息 1743881-20200114162202263-1801699594

2.怎样实现自顺应
1.静态改变html的font-size值,页面元素操纵rem结构,html默许巨细是16px
2.设备基准值为100px
3.屏幕宽度/750 * 100 = html font-size
代码示例:
var width = document.documentElement.clientWidth;
var n = width/750 *100;
document.documentElement.style.fontSize = n + 'px';
img{ width:2rem;}
/********标准写法**********/
!function (n) {
        var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", a = function () {
          var n = t.clientWidth || 375;
          n > 750 && (n = 750), t.style.fontSize = n / d + "px"
        };
        e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
      }(window);

免责声明:假如加害了您的权益,请联系站长,我们会实时删除侵权内容,感谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Copyright © 2006-2014 淄博新闻网-淄博日报 淄博晚报 淄博财经新报 掌中淄博 淄博专业新闻资讯发布网站 版权所有 法律顾问:高律师 客服电话:0791-88289918
技术支持:迪恩网络科技公司  Powered by Discuz! X3.2
快速回复 返回顶部 返回列表