媒体查询 尺寸:媒体查询的尺寸大总结[朗读]

彩屏设备和(最小宽度768px)和(最大宽度959px)仅限彩屏设备和(最小宽度480px)和(最大宽度767px)在你发的代码中其实没有什么不同,用起来效果都是一样的.下面这样用only才有效果:@mediaalland(min-width:xxx)and(max-width:xxx){/*这段查询的all是针对所有设备(有些设备不一定是屏幕,也许是打字机,盲人阅读器)*/}@mediaonlyscreenand(min-width:xxx)and(max-width:xxx){/*上面针对了所有设备,这段是只(only)针对彩色屏幕设备*/}

媒体查询是为了适应不同的设备屏幕,不同的屏幕尺寸相同的样式设置的参数是不一样的,不会用到行内的样式里的,可以引用外部样式或是内联样式写,望采纳。

320是机子的固定宽度,640是里面的分辨率,就和电脑一样,电脑19寸,但里面的分辨率1440,一个意思。

就按照bootstrap的给的标准去写啊,480px手机768px平板980px标准1200px大屏。

可以用谷歌浏览器里面有iphone5的尺寸,然后用媒体查询它的宽度就行了媒体查询(mediaqueries)是响应式设计(responsivewebdesign简称rwd)必不可少的一。