响应式设计的媒体查询大小是多少?

时间:2014-02-11 13:59:15

标签: html css responsive-design

CSS中响应式设计的常见媒体查询大小是什么,我需要仅针对台式机,笔记本电脑,平板电脑和移动设备的响应式设计。 请给我解决方案

提前谢谢

2 个答案:

答案 0 :(得分:3)

(宽x高)

移动人像(320x480)

移动版(480x320)

小平板电脑肖像(600x800)

小平板电脑风景(800x600)

平板电脑肖像(768x1024)

平板电脑风景(1024x768)

桌面大于(1024)

答案 1 :(得分:2)

超小型设备电话(< 768px)

小型设备平板电脑(≥768px)

中型设备台式机(≥992px)

大型设备台式机(≥1200px)

CSS media queries

http://www.w3.org/

Media queries in bootstrap