【发布时间】：2012-12-02 17:54:20
【问题描述】：
我正在尝试自学 css3 媒体查询，但我希望自己对一些小事感到困惑。我无法弄清楚宽度/高度和设备宽度/设备高度之间的区别。设备宽度/设备高度是 css3 属性仅适用于某些手机或较小的计算机吗？如果是这样，是否有提供您可以推荐的尺寸的在线资源？
【问题讨论】：
标签： css media-queries
【发布时间】：2012-12-02 17:54:20
【问题描述】：
这是常见的智能手机和平板电脑尺寸的一个很好的来源，已经进入 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
【讨论】：
这里已经解释了差异：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
【讨论】：