Html 如何使用引导在Web中自动扩展元素？

我有一个笔记本和一个分辨率为1920 X 1080的显示器，但它们的屏幕大小不同。（笔记本电脑：13英寸，PC显示器：19英寸）

我在笔记本电脑屏幕上工作，我将元素“高度”定义为“值X”px fixed（示例值…）。然后，当我把我的网络浏览器（chrome、IE等）移到PC屏幕上时，它显示了很多空白，如下所示

我怎样才能解决这个问题

---

有人建议我使用媒体查询。。。可以吗？

我在下面举了一个例子。。将宽度和高度保持在百分比中，以便在您将打开的任何设备上自动调整

*{框大小：边框框}
正文，html{宽度：100%；高度：100%}
.bluebg{宽度：100%；高度：100%；背景：蓝色；填充：20px；}
.yellowbg{宽度：100%；高度：100%；背景：黄色；}

---

我在下面举了一个例子。。将宽度和高度保持在百分比中，以便在您将打开的任何设备上自动调整

*{框大小：边框框}
正文，html{宽度：100%；高度：100%}
.bluebg{宽度：100%；高度：100%；背景：蓝色；填充：20px；}
.yellowbg{宽度：100%；高度：100%；背景：黄色；}

有人建议使用谷歌吗？尝试使用媒体查询和谷歌搜索，如果你能显示一些相关的代码，可能会有所帮助。在没有看到代码的情况下，bootstrap似乎已经在其媒体查询中为您调整了高度。不要使用

%

。它意味着（父母的）使用（它意味着视区——又称设备），这就是你在这里想要的。实际上，把它们都读一遍，然后用你想要的/需要的。有人建议过使用谷歌吗？试着使用媒体查询和谷歌搜索，如果你能展示一些相关的代码，可能会有所帮助。在没有看到代码的情况下，bootstrap似乎已经在其媒体查询中为您调整了高度。不要使用

%

。它意味着（父母的）使用（它意味着视区——又称设备），这就是你在这里想要的。实际上，阅读它们并使用你想要/需要的。为了让你的生活更轻松，如果你使用

vh

（视区高度）和

vw

（视区宽度）单位而不是百分比，你就不必费心把身体和html变成100%。为了让你的生活更轻松，如果你使用

vh

（视区高度）和

vw

（视口宽度）单位而不是百分比，您不必费心将主体和html设置为100%。