twitter bootstrap中屏幕与无屏幕之间的区别

时间:2013-08-21 06:58:47

标签: css twitter-bootstrap

我正在使用Twitter Bootstrap来响应网站,我不明白

之间的区别
  

@media screen and(min-width:768px)

     

@media(min-width:768px)

“屏幕”与否?有什么帮助吗?

3 个答案:

答案 0 :(得分:3)

http://www.w3.org/TR/CSS21/media.html#at-media-rule

@media屏幕是电脑屏幕,所以

第一条规则适用于只有分辨率宽度至少为768像素的电脑屏幕。

第二条规则适用于宽度> = 768像素的设备,包括平板电脑,手机,打印机等,分辨率足够高。

答案 1 :(得分:1)

screen是媒体类型,表示该规则将用于计算机屏幕。没有它,它只是一般规则,将适用于所有媒体类型。

答案 2 :(得分:1)

浏览器将自己标识为处于“屏幕”类别。

规格 适用于某种媒体类型(“屏幕”)的设备,屏幕主要用于彩色计算机屏幕。所以它大致标识了现代设备桌面智能手机等

因此它适用于不同分辨率的彩色电脑屏幕,例如

移动

仅屏幕和(最小宽度:480px)

平板

仅屏幕和(最小宽度:768px)

桌面

仅屏幕和(最小宽度:992px)

巨大

仅屏幕和(最小宽度:1280像素)