我正在使用 Twitter Bootstrap 来响应式网站，但我不明白两者之间的区别
@media 屏幕和（最小宽度：768px）
@media（最小宽度：768px）
“屏幕”与否？有什么帮助吗？
问问题
141 次
3 回答
2
http://www.w3.org/TR/CSS21/media.html#at-media-rule
@media screen 是电脑屏幕，所以
第一条规则仅适用于分辨率宽度至少为 768 像素的计算机屏幕。
第二条规则仅适用于宽度 >=768px 的设备，包括具有足够高分辨率的平板电脑、手机、打印机等。
于 2013-08-21T07:02:30.280 回答
1
screen是一种媒体类型，表示该规则将在计算机屏幕上使用。没有它，这只是一般规则，将适用于所有媒体类型。
于 2013-08-21T07:02:45.607 回答
1
浏览器将自己标识为“屏幕”类别。
规范适用于某种媒体类型（“屏幕”）的设备，屏幕主要用于彩色计算机屏幕。所以它大致识别现代设备桌面智能手机等
所以它适用于不同分辨率的彩色电脑屏幕，例如
移动的
只有屏幕和（最小宽度：480px）
药片
只有屏幕和（最小宽度：768px）
桌面
只有屏幕和（最小宽度：992px）
巨大的
只有屏幕和（最小宽度：1280px）
于 2013-08-21T07:07:47.380 回答