首页 > 解决方案 > 超宽屏幕的 CSS @media 规则

问题描述

大家好,我的网站是

El Paso Texas 网页设计和平面设计 | 沙漠太阳工作室

有 2 条媒体规则

@media only screen and (min-width: 1201px){

}

@media only screen and (max-width: 1200px){

}

基本上这两个在移动设备和任何 16:9 显示器上正确呈现我的网站..但是我使用 vw 字体大小,所以超宽显示器正在遭受痛苦

我想知道是否有 css 或 js 修复以使字体大小变为最大 px 大小

我在尝试

@media only screen and (min-width: 1800px){

}

但这会干扰电视等大屏幕上的显示,我喜欢它保持 16:9 的比例。

我想知道是否有人使用过类似的东西

@media only screen and (min-width: 1800px) and (max-height: 1000px){

}

标签: javascriptcssfont-size

解决方案


推荐阅读