我正在开发一个响应式网站。 对于该网站，元素的填充和宽度与网页的宽度和/或高度成比例。 所以我更喜欢使用视口相关单元（vh，vw）。 在我得到新要求之前，一切都非常精细......
现在我必须将最大宽度和高度放到我的网页上。最大宽度为1366px，最大高度为768px。 所以我在我的html标签中添加了max-height和max-width css样式。
Web内容现在受限于此范围，但仍然会考虑页面的整个宽度和高度作为视口来计算填充和宽度。
例如。如果屏幕宽度为1500px，那么10vw计算为150px。但我需要的是它不应超过136.6px，因为最大宽度是1366px。
那么有没有办法限制视口的宽度和高度？
喜欢
<meta name="viewport" content="width=device-width, max-width=1366, max-height=768, initial-scale=1">
答案 0 :(得分：1)
如果你的视口需要固定的大小，那么使用像vh这样的视口相关测量是没有意义的，在某些情况下你会设法用百分比来做，但我不会推荐它。
执行此操作的最佳方法是使用javascript编辑视口，有几种方法可以获得JS中屏幕的宽度和高度
同样，正如@hungerstar在评论中提到的那样，不建议使用固定的视口大小，因此请确保在跳转之前确实有这个要求。
希望有所帮助