示例：
三星galaxy S7-5.1英寸，1440 x 2560像素-智能手机
Acer Iconia Tab A500-10.1英寸，800 x 1280像素-平板电脑
如果我设置@media screen和(最大宽度：480px)，这应该可以识别智能手机。如果平板电脑的分辨率较低，这怎么可能呢。
媒体查询衡量的是其他东西而不是真正的解决方案吗？
CSS中的单位px是参考像素，而不是物理像素：
参考像素是像素密度为96dpi的设备上一个像素的视角，与读取器的距离为一臂长。因此，对于28英寸的标称臂长，视角约为0.0213度。因此，对于臂长的读数，1px对应于大约0.26毫米(1/96英寸)。
(级联样式表级别2修订版2(CSS 2.2)规范，第4.3.3节。长度)
通常，1px是具有"；标准定义"；像素密度约为90-120像素/英寸。桌面浏览器倾向于保持1px等于他们认为的一个设备像素。
有多少器件像素对应于1px取决于器件的像素密度和放大级别。在默认的放大级别
<meta name="viewport" content="width=device-width,initial-scale=1">
S7对于CCD_ 5使用大约3.5个设备像素。
要区分具有高像素密度的设备，可以使用
@media screen and (min-resolution: 2dppx) {
/* This is a high-dpi device */
}