[英]Html with css @media max-width not working
使用方括號對我的網站進行編碼時,@ media可以正常工作,並且會使div出現和消失以支持移動屏幕。 但是上傳到我的托管網站后,它不起作用,所有元素都立即顯示。 我怎樣才能解決這個問題? 相關的CSS代碼如下。
CSS:
@media (max-width : 720px) {
.disappear {
display: none;
}
#menuposition {
margin-left: auto;
margin-right: auto;
}
.galleryitem {
width: 100%
}
.containergallery {
max-width: 250px;
padding-top: 0%;
}
}
@media (min-width : 721px) {
.reappear {
display: none;
}
#menuposition {
right: 0px;
position: absolute;
}
}
@media (max-width : 960px) {
.galleryitem {
width:100%
}
.containergallery {
max-width: 300px;
padding-top: 10px;
}
}
您鏈接到的頁面在任何地方的源代碼中都沒有該CSS,而且任何鏈接文件也都沒有。
將CSS鏈接到頁面或將其放置在嵌入式樣式元素中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.