发布网友 发布时间:2022-05-16 02:41
共2个回答
懂视网 时间:2022-05-16 07:03
window.innerWidth与document. documentElement.clientWidth用哪个?
接下来说的是不为网页添加meta标签的效果,添加标签的我觉得应该另外写一篇,因为会涉及到自适应的知识。
我做了再安卓机浏览器,iPhone的safari浏览器以及这两种手机内微信内访问网页运行的qq浏览器的测试。
测试结果肯定是不统一的。
测试前提:不为页面设置固定的宽度,不设置meta标签。
测试结果:
属性 | 安卓机 | iphone |
---|---|---|
window.innerWidth | 980px | 980px |
~.~.clientWidth | 980px | 980px |
属性 | 安卓机微信 | iphone微信 |
---|---|---|
window.innerWidth | 320px | 980px |
~.~.clientWidth | 980px | 980px |
总是会有捣蛋鬼。。。
综上:如果想要获得手机端页面的可视宽度,建议使用
document. documentElement.clientWidth
在下一篇,笔记中,会对这个属性在meta标签的不同设置下的值进行分析。
BTW:我又回来,好好学习啦!
【相关推荐】
1. 免费js在线视频教程
2. JavaScript中文参考手册
3. php.cn独孤九贱(3)-JavaScript视频教程
热心网友 时间:2022-05-16 04:11
div 的scrollWidth 和 scrollHeight 属性。
在将div的内容设置好了以后, 这2个准确得到了宽度 和 高度。
<input type="button" onclick="calculate()" value="test">
<script>
function calculate(){
var divs = document.getElementById("ShowTempText");
divs.innerHTML="wuao ahshahsah <font size=6>有么么么么么么么么么</font>";
alert(divs.scrollWidth + "__" + divs.scrollHeight);
}
</script>