我剛剛完成創建我的網站,但現在我發現了一個失敗。我的問題是我的網站在PC上看起來非常棒。但是,如果我去看看它從我的手機,某些圖像等之間的空間是很大的太多...僅針對移動設備更改CSS?
所以我的問題是,我怎麼可以創建誰隻影響一些CSS代碼移動設備和平板電腦?
有沒有辦法?
我剛剛完成創建我的網站,但現在我發現了一個失敗。我的問題是我的網站在PC上看起來非常棒。但是,如果我去看看它從我的手機,某些圖像等之間的空間是很大的太多...僅針對移動設備更改CSS?
所以我的問題是,我怎麼可以創建誰隻影響一些CSS代碼移動設備和平板電腦?
有沒有辦法?
閱讀並瞭解有關Media Queries
您可以調整你的網站的某些介質尺寸的CSS。
您可以使用不同的屏幕分辨率媒體查詢。 示例 -
#image img {
width:375px;
}
@media screen and (min-width: 1366px) {
#image img {width:375px;}
}
CSS已經特性稱爲media queries。 從MDN鏈路:
媒體查詢,加入CSS3,讓內容的呈現被定製以輸出設備的特定範圍,而無需改變它的內容本身
例如:
div {
background: black;
}
@media (max-width: 600) {
div {
background: yellow;
}
}
該div的背景顏色將在屏幕下900px寬的黃色。
您可以用'@ media'寫CSS只適用於某些屏幕分辨率 – Masoud
是。您正在尋找[媒體查詢](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) –