![](/img/trans.png)
[英]Optimize container and typography when converting layouts with 1920px width
[英]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>
完整資料:
通過將Windows桌面縮放比例從默認的125%設置為100%解決
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.