我正在制作我的第一个网站,我的meta
标签只是定义了一个恒定的宽度,而不是采用设备宽度,因为我对 CSS 动画很感兴趣,并希望避免让它变得动态。除了需要居中的内容外,大部分内容在移动设备上看起来都不错。当我根据百分比居中时,它根据我设置的宽度(我的视口)而不是设备的宽度居中。这当然不是错误,但我想知道是否有办法让我获得设备的宽度,即使我没有将其设置为视口,所以我可以计算left
属性以将其居中。有任何想法吗?谢谢!
我没有放代码是因为真的没有任何问题,这更像是一个如何操作的问题。
要找到您的 html 正文(设备)的当前宽度,您可以试试这个 javascript 代码 window.innerWidth;
尝试运行此代码并将窗口大小调整为不同的宽度:
function myFunction() {
var wid = window.innerWidth;
document.getElementById("display").innerHTML = "Width: " + wid;
}
<button onclick="myFunction()">Show</button>
<div id="display"></div>
ps:点击运行代码,然后点击整页,这样你就可以调整浏览器的大小并测试我的代码片段。它将显示当前宽度。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句