Responsive design 为什么三星s5显示屏不是我所期望的
三星s5显示屏:1080 x 1920像素,但在myResponsive 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”单元的确切定义在
媒体查询中,此屏幕尺寸为目标
@手持媒体、屏幕和(最大宽度:970px){}
图中显示了问题:
顺便说一下,我在head标签中使用了这个meta标签
CSS中的“px”单元实际上并不意味着屏幕上的物理像素。它是一个独立于设备的单元,指的是传统PC显示器上像素的(近似)大小,当渲染到高DPI设备(如打印机或现代“视网膜”显示器)时,浏览器应适当缩放它。所以,尽管你的手机屏幕有1080个物理像素宽,但CSS像素宽要少得多
“px”单元的确切定义在不同的CSS版本中有所不同,但它们都使用大致相同的物理大小来定义它。“1px等于1in的1/96”-物理像素在96dpi显示器上的大小
维基百科说Galaxy S5的屏幕宽2.85英寸。每英寸96个CSS像素,从CSS的角度来看,这将使它的宽度达到274px