首页 > 上网技巧 > 电脑小技巧 > 一段js实现自适应h5页面的兼容问题

一段js实现自适应h5页面的兼容问题

时间:2017-09-05 09:10 作者:QQ地带 我要评论

在页面头部引用
 
 <script type="text/javascript">
 var phoneScale=parseInt(window.screen.width)/640;
 document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+", maximum-scale = "+phoneScale+', target-densitydpi=device-dpi">')
 </script>
这个方法本人有试过,很简单粗暴。可以在页面里直接定义字体为px的大小。另外也可以给 body{width: 640px; margin: 0 auto;},这样在pc端看到的就是宽度为640px的页面的。

标签: h5
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告