css3媒体查询问题

时间:2012-11-26 05:28:43

标签: css css3 media-queries

我正在尝试自学css3媒体查询,我希望自己对一些小事情感到困惑。我无法弄清楚宽度/高度与设备宽度/设备高度之间的区别。设备宽度/设备高度是css3属性,仅适用于某些手机或小型计算机吗?如果是,是否有在线资源提供您可以推荐的尺寸?

2 个答案:

答案 0 :(得分:0)

这是CSS中常见的智能手机和平板电脑尺寸的良好来源

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

正常的宽度和高度样式可以应用于页面上的任何元素。例如,如果您希望将div标签的宽度设置为100px,那么这就是一种方法。

要了解有关CSS媒体查询的更多信息以及它们如何在一个好的网站上阅读,请访问http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

答案 1 :(得分:0)

这里已经解释了差异:Difference between width and device-width in CSS media queries

此外,您还可以在此处找到尺寸列表:  http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

这里有很多不同的设备: http://nmsdvid.com/snippets/

如果页面关闭,那么关于第三个的图表非常好: http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries