当我读到关于响应式设计的文章时，人们总是会用这种说法：
@媒体屏幕和（最大宽度：）
但如今的手机似乎有着非常好的分辨率（通常比PC更高），什么是检测小型设备的最佳方法？
thx；=）
最佳答案
屏幕分辨率无关紧要。媒体查询中使用的值是设备宽度。例如：
我的手机屏幕分辨率为1280x720像素。当保持垂直（在纵向模式）时，宽度为720px，但由于它是一个高清屏幕，所以它有200%的比率，因此产生的设备宽度为360px。这是媒体查询中使用的值：
/* Even though my phone has a screen width of 720px… */
@media screen and (max-width: 360px) {
/*
* This code will apply
*/
}
@media screen and (min-width: 361px) {
/*
* This code will not apply
*/
}
一般规则是，处于纵向模式的手机的设备宽度小于或等于400px，而不管其屏幕实际包含多少像素。