如何只檢測CSS手機屏幕

Question

我在這裏發現了很多關於CSS和手機屏幕的話題。

我搜索後，我無法找到某些設備的解決方案。例如：摩托羅拉Moto G4 Plus使用全高寬（1080px），只有引導程序檢測xs-view配置。

造型和嘗試和嘗試我不能得到一些風格設置。

那麼，我如何使Bootstrap的相同程序設置我的樣式和所有設備的一般過程？

請只有CSS或儘可能多的JS（如果可能，不要），與引導程序相同。

我試過@media屏幕和@media所有查詢。不起作用。

感謝您的閱讀。

Answer 1

@media規則用於爲不同的媒體類型/設備定義不同的樣式規則。

如果它不起作用，請檢查您的代碼。你可能犯了一個錯字。

實施例：

@media only screen and (max-device-width : 640px) { 
/* Styles */ 
} 

@media only screen and (max-device-width: 768px) { 
/* Styles */ 
} 

Earlyer交： How to code CSS media queries targeting ALL mobile devices and tablets?

W3Schools的：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp