我正在使用Twitter Bootstrap来响应网站,我不明白
之间的区别@media screen and(min-width:768px)
@media(min-width:768px)
“屏幕”与否?有什么帮助吗?
答案 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像素)