<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)