@media:如果samsung galaxy s4是1920x1080? [英] @media: if samsung galaxy s4 is 1920x1080?
问题描述
<link rel="stylesheet" media="only screen and (max-width:1280px)" href="css/article1280.css">
我正在编写我的响应式CSS,我意识到三星Galaxy S4智能手机屏幕分辨率为1080x1920-my 23的显示器是1920x1080,我从来没有在这个手机上浏览过(我有一个iPhone 3的分辨率为320x480,这是我认为所有的智能手机在周围,某处在800像素宽),所以我有点困惑。我应该创建一个移动网站为智能手机屏幕分辨率1080x1920?
I'm in the middle of coding my responsive CSS and I realized that the Samsung Galaxy S4 smartphone has a screen resolution of 1080x1920—my 23" monitor is 1920x1080. I've never browsed on this phone (I have an iPhone 3 with a resolution of 320x480 which is what I thought all smartphones were around, somewhere under 800 pixels wide) so I'm a bit perplexed. How am I supposed to create a mobile website for a smartphone with a screen resolution of 1080x1920?
推荐答案
Galaxy S4向浏览器报告360像素x 640像素
Galaxy S4 reports 360px x 640px to the browser
宽高比为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)
这篇关于@media:如果samsung galaxy s4是1920x1080?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!