我在媒体查询方面遇到问题,我无法使我的 CSS 适应我的屏幕分辨率

问题描述 投票:0回答:1
@media (1920px <= width){
        .nav___ul-li--a{
            color: black;
            font-size: 2.8vh;
            text-decoration: none;
        }
        .nav___ul-li--a:hover {
            color: #1a1a1a;
            font-size: 2.8vh;
            transition: .3;
        }
        main{
            margin-top: 5%;       
        }
        .container-fecha-botones{
            margin-top: 2%;
        }
        .footer{
            background-color: darkmagenta;
        } 
    }

**- 我的 HTML 有元视口 -

我有几个屏幕,我在其中调整CSS代码,除了显示器的分辨率之外,它们都可以工作,我不明白为什么,因为我在Windows中搜索了每个显示器的分辨率

我的22p屏幕的分辨率是1920 x 1080

但仅限于更正媒体并放置 1371px 时 < width do the changes impact**

我尝试根据屏幕和设备的不同分辨率修改 CSS。 Galaxy Tab 8 (800 x 1280) 笔记本电脑 (1366 x 768) 22p 屏幕 (1920 x 1080) 32p 电视 (1360 x 768)

html css media-queries screen resolution
1个回答
0
投票

我不知道你真正的浏览器宽度是多少,如果你想为大于1370px的浏览器宽度编写css,则编写

width > 1370px
或小于1920px的
width < 1920px
。您编写的代码将影响浏览器宽度 1920px 或更高。

© www.soinside.com 2019 - 2024. All rights reserved.