如何只检测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