如何在特定浏览器尺寸后阻止标签的视口宽度拉伸

Question

我做了一个小网站，其中某些元素的宽度以 vw 给出。在我的笔记本电脑上看起来一切都很好。但在 1920 年的屏幕上查看时，我可以看到内容过度拉伸。我想知道是否有办法停止我在网站中使用的视口宽度和视口填充，以便在一段时间后停止拉伸元素。

Answer 1

您可以通过在您的 css 文件中将 max-width: value 设置为您的容器来实现此目的

还可以在一定的屏幕宽度后设置不同的样式，你可以使用媒体查询

@media(min-width: 1000px){
   //your style
}