页面自适应

Posted muou2125

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面自适应相关的知识,希望对你有一定的参考价值。

 1 // 自适应
 2 function autoScreen(){
 3     var font_size = 40;
 4     var col_num = 640 / font_size;
 5     var adapterSize = window.innerWidth / col_num;
 6     var htmlElement = document.getElementsByTagName("html")[0];
 7     htmlElement.style.fontSize = ‘‘ + adapterSize + ‘px‘;
 8     
 9     window.onresize=function (){
10         adapterSize = window.innerWidth / col_num;
11         htmlElement.style.fontSize = ‘‘ + adapterSize + ‘px‘;
12     }
13 };
14 autoScreen();

 

以上是关于页面自适应的主要内容,如果未能解决你的问题,请参考以下文章

自适应页面的实现方式

如何添加CSS让页面自适应手机屏幕

响应式布局简易自适应页面代码

自适应页面

Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?

eCharts 多个图表自适应窗口大小