有没有办法可靠地告诉浏览器的视口宽度(包括滚动条,但不包括其余的浏览器窗口)?
此处列出的所有属性都不能告诉我屏幕的宽度,包括滚动条(如果存在)
只要身体是100%,document.body.scrollWidth就可以工作。
document.body.scrollWidth
HTML:
<div id="widths"></div>
CSS:
body, html { margin: 0; padding: 0; width: 100%; } div { height: 1500px; }
脚本:
var widths = 'viewport width (body.scrollWidth): ' + document.body.scrollWidth + '<br />' + 'window.innerWidth: ' + window.innerWidth + '<br />'; document.getElementById( 'widths' ).innerHTML = widths;
我在演示中放了一个高大的div以强制滚动条。