如何获取浏览器视口大小并使用它来对齐我的网站？

Question

我是网页设计的新手，我想知道专门用于一页滚动网站的网站大小。有时我会看到一些 'jumbotron' 高度和宽度与我的浏览器完美对齐的图像 size.Browser 由于浏览器的广告或扩展，尺寸可能会因浏览器的插件或扩展而不同。那么我们如何才能获得用户浏览器视图端口大小并使用它来对齐我的网站。我需要一个关于网站大小的所有事情的很好的解释。对不起我糟糕的英语。如果您愿意，请提供对我也有帮助的教程链接。谢谢

Answer 1

将其放在页面的头部会对您有所帮助。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Answer 2

我不确定您是否已经制作了您的网站。如果你还没有，我建议使用 Bootstrap 网格系统。这将使您的网站在所有屏幕尺寸上对齐。