js控制根元素的font-size大小
2017-10-20 17:33
603 查看
function
intiSize(){
//获取当前浏览器窗口宽度(这里的实质就是body宽度)
var
win_w=document.body.offsetWidth;
//定义变量
var fontSize;
if(win_w>640){
fontSize=24;
}
else{
//如果浏览器窗口宽度(这里的实质就是body宽度)值小于320,取320
win_w=Math.max(320,win_w);
fontSize=win_w/320*12
}
//设置根元素的大小
document.getElementsByTagName('html')[0].style.fontSize=fontSize+'px';}
//浏览器窗口宽度发生变化时条用这个函数,方便与改变窗口大小时候调试
onresize=intiSize;intiSize();
intiSize(){
//获取当前浏览器窗口宽度(这里的实质就是body宽度)
var
win_w=document.body.offsetWidth;
//定义变量
var fontSize;
if(win_w>640){
fontSize=24;
}
else{
//如果浏览器窗口宽度(这里的实质就是body宽度)值小于320,取320
win_w=Math.max(320,win_w);
fontSize=win_w/320*12
}
//设置根元素的大小
document.getElementsByTagName('html')[0].style.fontSize=fontSize+'px';}
//浏览器窗口宽度发生变化时条用这个函数,方便与改变窗口大小时候调试
onresize=intiSize;intiSize();
相关文章推荐
- 使用了js控制根元素的font-size大小,然后进行rem换算
- 不能用 字体大小(font-size) + padding 计算元素的高度
- 第148天:js+rem动态计算font-size的大小,适配各种手机设备
- js改变html font-size 大小
- [转]建议Font-Size使用em单位控制大小
- JS根据设备宽度设置根节点(html)font-size字体大小
- H5页面字体大小使用rem (重置字体大小)setFontSize.js
- 如何通过JS去动态计算根元素的font-size
- 建议Font-Size使用em单位控制大小
- js+rem动态计算font-size的大小,适配各种手机设备!
- js+rem动态计算font-size的大小,适配各种手机设备
- 使用js控制iframe中的各元素
- 已超过传入消息(65536)的最大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性。
- JS控制网页文字大小,使其能够自适应屏幕大小
- js控制元素的显示与隐藏
- 通过JS控制各种元素的点击事件的【时间间隔】,特别适合【发表评论】功能
- JS控制图片显示的大小(图片等比例缩放)
- 已超过传入消息(65536)的最大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性。
- 大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize