css – @media：如果三星galaxy s4是1920×1080？

<link rel="stylesheet" media="only screen and (max-width:1280px)" href="css/article1280.css">

我正在编写响应式CSS的编码,我意识到三星galaxy S4智能手机的屏幕分辨率为1080×1920 – 我的23英寸显示器是1920×1080.我从来没有浏览过这款手机(我有一个带有iPhone 3的iPhone 3)分辨率为320×480,这是我认为所有的智能手机都在,大约800像素宽的地方)所以我有点困惑.我应该如何为屏幕分辨率为1080×1920的智能手机创建一个移动网站？

解决方法

galaxy S4向浏览器报告360px x 640px

宽高比为9/16

像素比为3

@media screen and (max-device-width: 360px)

@media screen and (-webkit-min-device-pixel-ratio: 3)

@media screen and (device-aspect-ratio: 9/16)