Responsive design 为什么三星s5显示屏不是我所期望的

Responsive design 为什么三星s5显示屏不是我所期望的,responsive-design,media-queries,Responsive Design,Media Queries,三星s5显示屏:1080 x 1920像素,但在my媒体查询中,此屏幕尺寸为目标 @手持媒体、屏幕和(最大宽度:970px){} 图中显示了问题: 顺便说一下,我在head标签中使用了这个meta标签 CSS中的“px”单元实际上并不意味着屏幕上的物理像素。它是一个独立于设备的单元,指的是传统PC显示器上像素的(近似)大小,当渲染到高DPI设备(如打印机或现代“视网膜”显示器)时,浏览器应适当缩放它。所以,尽管你的手机屏幕有1080个物理像素宽,但CSS像素宽要少得多 “px”单元的确切定义在

三星s5显示屏:1080 x 1920像素,但在my
媒体查询中,此屏幕尺寸为目标

@手持媒体、屏幕和(最大宽度:970px){}

图中显示了问题:

顺便说一下,我在
head标签中使用了这个
meta标签

CSS中的“px”单元实际上并不意味着屏幕上的物理像素。它是一个独立于设备的单元,指的是传统PC显示器上像素的(近似)大小,当渲染到高DPI设备(如打印机或现代“视网膜”显示器)时,浏览器应适当缩放它。所以,尽管你的手机屏幕有1080个物理像素宽,但CSS像素宽要少得多

“px”单元的确切定义在不同的CSS版本中有所不同,但它们都使用大致相同的物理大小来定义它。“1px等于1in的1/96”-物理像素在96dpi显示器上的大小

维基百科说Galaxy S5的屏幕宽2.85英寸。每英寸96个CSS像素,从CSS的角度来看,这将使它的宽度达到274px