首页 > 试题广场 >

下列 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头像 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头像 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头像 LAST DAY
css3教程中 @前不是没有 点吗?
发表于 2018-03-31 19:12:23 回复(0)
Chrish~头像 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)
猿来头像 猿来
a
发表于 2018-08-04 19:05:45 回复(0)
moino头像 moino
iphone6 6s 375*667 设备像素比2 iphone6sp 414*736 设备像素比3
编辑于 2018-01-26 02:27:02 回复(0)
_YouGuess_头像 _YouGuess_
6s分辨率是
  • 1334 x 750 像素分辨率，326 ppi 
  • (-webkit-min-device-pixel-ratio:2）
  • 选A

发表于 2017-09-13 15:42:56 回复(0)
guopeng112997头像 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头像 小二70
不是2倍吗
发表于 2017-08-17 00:42:26 回复(0)
Do.头像 Do.
到底选哪个啊
发表于 2017-08-16 10:06:44 回复(0)
ThoamsYang头像 ThoamsYang
不是plus才是3倍的吗？？
发表于 2017-08-07 22:33:16 回复(0)
ivuu头像 ivuu
iphone6s 屏幕414×736. 注意：手机竖屏时宽度414 手机横屏时宽度736 所以选b
发表于 2017-06-27 07:41:02 回复(0)
提交观点

问题信息

2017 前端工程师 盛趣游戏
来自：盛趣游戏2017校招前...
上传者：牛100
难度：
20条回答 5609浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号