僅針對移動設備更改CSS？

Question

我剛剛完成創建我的網站，但現在我發現了一個失敗。我的問題是我的網站在PC上看起來非常棒。但是，如果我去看看它從我的手機，某些圖像等之間的空間是很大的太多...

所以我的問題是，我怎麼可以創建誰隻影響一些CSS代碼移動設備和平板電腦？

有沒有辦法？

Answer 1

閱讀並瞭解有關Media Queries

您可以調整你的網站的某些介質尺寸的CSS。

Answer 2

您可以使用不同的屏幕分辨率媒體查詢。 示例 -

#image img { 
    width:375px; 
} 
@media screen and (min-width: 1366px) { 
    #image img {width:375px;} 
} 

Answer 3

CSS已經特性稱爲media queries。 從MDN鏈路：

媒體查詢，加入CSS3，讓內容的呈現被定製以輸出設備的特定範圍，而無需改變它的內容本身

例如：

div { 
    background: black; 
} 

@media (max-width: 600) { 

     div { 
      background: yellow; 
     } 

} 

該div的背景顏色將在屏幕下900px寬的黃色。