首页 > 试题广场 >

下列 media queriesspa

[单选题]

下列 media queries 的定义方式中，哪一个是适配 iphone6s 的？（）

．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){}

．@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2){}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){}

查看正确选项

samam

不要纠结选择A或者选择B了主要是在-webkit-min-device-pixel-ratio:2这个属性

想知道的去看看这边文章http://www.gbtags.com/gb/share/5307.htm （解释是对的，但是这上面的设备像素比率有错）

iPhone6s 是2 而plus是3 设备像素比率看这个https://bjango.com/articles/min-device-pixel-ratio/

min-device-width这个标签和我们平时写的也有min-width的区别我也学到了好好学习哈哈哈

发表于 2017-09-06 17:25:18 回复(2)

布兰&琼恩

参考：CSS3: 移动端开发中 max-device-width 与 max-width 的区别

max-width 指的是显示区域的宽度，比如浏览器的显示区域宽度

max-device-width 指的是设备整个渲染（显示）区域的宽度，比如设备的实际屏幕大小，也就是设备分辨率

max-height 与 max-device-height 也是同理。更进一步说，max-width在窗口大小改变或横竖屏转换时会发生变化

max-device-width只与设备相关，横竖屏转换或改变尺寸，缩放都不会发生变化（部分android的宽高会互换而IOS不会）

device- width指的是设备本身的宽度，也就是屏幕的分辨率，比如说你手机的分辨率是1440*900，这表示你的屏幕宽是1440px，所以device-width是1440px。大部分的手机宽度不到480px，（当然今后的趋势是越来越大)。iphone 4的device-width就只有320px，即便对外宣称有640*960.这要归功于iphone的retina显示方式，也就是用两个像素来表示屏幕上一个CSS像素，IPAD3也是这样的。官方说IPAD3跟前几代一样采用的device-width是768px，它的实际分辨率达到了1536*2048，就是这个原因。

发表于 2018-03-12 20:39:30 回复(0)

xqy

iphone6s plus才是414×736；iphone6s是375×667；

发表于 2017-09-04 12:16:56 回复(0)

迷人的雪碧给你点了个赞

来自chrome

编辑于 2017-10-09 09:40:02 回复(0)

LAST DAY

css3教程中 @前不是没有点吗?

发表于 2018-03-31 19:12:23 回复(0)

Chrish~

B。iphone6s的屏幕宽高是414X736

编辑于 2017-08-14 15:21:40 回复(8)

青岛老冷

记这个干啥, 难道响应式是根据手机类型来做吗? 从最大开始做, 当缩小到无法正确显示时再去修改样式, 这才是做响应式吧?

发表于 2019-12-21 15:38:21 回复(0)

从此买买买

这个尺寸好难记啊..

发表于 2019-08-09 21:53:12 回复(0)

欧鹏程

我只想知道A和B前面那个 . 是干嘛的

发表于 2019-02-26 19:12:33 回复(0)

꧁寒蝉꧂

想问@media与@media only screen有什么区别么

发表于 2018-10-12 20:01:40 回复(0)

猿来

发表于 2018-08-04 19:05:45 回复(0)

moino

iphone6 6s 375*667 设备像素比2 iphone6sp 414*736 设备像素比3

编辑于 2018-01-26 02:27:02 回复(0)

_YouGuess_

https://www.apple.com/cn/iphone-6s/specs/

6s分辨率是

1334 x 750 像素分辨率，326 ppi
(-webkit-min-device-pixel-ratio:2）
选A

发表于 2017-09-13 15:42:56 回复(0)

guopeng112997

2017年9月7日10:34:18==》总结一下评论，

iphone6s plus 屏幕414×736.(-webkit-min-device-pixel-ratio:3)；

iphone6s 屏幕375×667.(-webkit-min-device-pixel-ratio:2)；所以A，

．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){}

发表于 2017-09-07 10:35:10 回复(0)

挪威的浆糊

打开开发者工具，调到移动设备就能看到了尺寸了

发表于 2017-09-03 10:30:23 回复(0)

短腿小鲁班

A是iPhone6的 B是6s

发表于 2017-08-21 16:20:59 回复(0)

小二70

不是2倍吗

发表于 2017-08-17 00:42:26 回复(0)

Do.

到底选哪个啊

发表于 2017-08-16 10:06:44 回复(0)

ThoamsYang

不是plus才是3倍的吗？？

发表于 2017-08-07 22:33:16 回复(0)

ivuu

iphone6s 屏幕414×736. 注意：手机竖屏时宽度414 手机横屏时宽度736 所以选b

发表于 2017-06-27 07:41:02 回复(0)

提交观点

问题信息

2017 前端工程师盛趣游戏

来自：盛趣游戏2017校招前...

上传者：牛100

难度：

20条回答 1388收藏 5453浏览

下列 media queriesspa

问题信息

热门推荐

相关试题