如何在某个浏览器大小后停止拉伸标签的视口宽度

Posted 2021-03-27

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

答案

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

另外，要在特定屏幕宽度后设置不同的样式，您可以使用媒体查询

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