为什么三星s5显示不是我所期待的

Question

samsung s5显示：1080 x 1920像素，但在media query此屏幕尺寸目标

@media handheld, screen and (max-width: 970px) {}

图像显示问题：

我在meta tag

中使用此head tag的方式

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Answer 1

＆＃34; px＆＃34; CSS中的单位实际上并不代表屏幕上的物理像素。它是一个与设备无关的单元，指的是传统PC显示器上像素的（近似）尺寸，并且在渲染到高DPI设备（如打印机或现代设备）时，预计浏览器会适当缩放它。 34;视网膜＆＃34;显示。因此，虽然您手机的屏幕宽度为1080 物理，但它的 CSS 像素宽度要少得多。

＆＃34; px＆＃34;的确切定义单位在CSS版本中有所不同，但它们都以大致相同的物理尺寸定义它。 CSS3 says＆＃34; 1px等于1/1的1/96＆＃34; - 物理像素在96dpi监视器上的大小。

维基百科称Galaxy S5的屏幕宽2.85英寸。每英寸96个像素，从CSS的角度来看，它的宽度约为274像素。