簡體   English   中英

最小寬度:1920像素無法正確觸發

[英]min-width: 1920px not firing off correctly

在將1920x1080屏幕上的最小寬度更改為1396px之前,我的@media屏幕和(最小寬度:1920px)不會觸發。 瀏覽器上沒有縮放功能,嘗試說明滾動條(大小必須為幾px)顯示出更多內容。

我可以肯定地說,沒有其他CSS可以覆蓋此塊,因為它是文件中的最后一個塊。

CSS:

默認的h1元素:

h1 {
    font-family: 'leaguegothic';
    color: #d2ff00;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 25%;
    margin-top: 40vh;
    font-weight: 100;
}

屏幕尺寸的替代:

@media screen and (min-width: 1920px) {
    h1 {
        font-size: 200pt;
        font-style: italic;
        line-height: 50pt;
    }
}

HTML:

<h1>CREATIVE<br>DIGITAL<br>DESIGN</h1>

完整資料:

https://jsfiddle.net/9evuv1z9/

通過將Windows桌面縮放比例從默認的125%設置為100%解決

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM