css – @media:如果三星galaxy s4是1920×1080?

前端之家收集整理的这篇文章主要介绍了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)
原文链接:https://www.f2er.com/css/215289.html

猜你在找的CSS相关文章