所以當談到引導時,我是一個新手。我訪問了網路并發現使用此代碼可以使我的容器在所有螢屏上看起來都一樣?
@media (min-width: 1200px) {
.container-small {
width: 700px;
}
.container-large {
width: 1500px;
}
}
有人可以向我解釋更多并告訴我它是如何作業的。
uj5u.com熱心網友回復:
@media(最小寬度:1200px){}
這告訴 PC,當螢屏寬度等于或小于 1200 像素時,您之前在 CSS 中編輯的框將具有不同的行為。
我的意思是,如果我有一個寬度為 500px 的 div,當然,在手機中看起來不太好,您在使用 @media 的這種方法時可以更改 div 的大小和行為以及包含的元素,而不會產生影響您在桌面上的原始大小。
https://www.youtube.com/watch?v=6Yh8y0pVfQc&ab_channel=Flux
在這個視頻中解釋得很好。我希望它能幫助你!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/368861.html
