css中@media写法在ie 、firefox、Opera、Chrome、Safari 浏览器中的支持

发布：2015/9/13 21:36:10作者：管理员来源：本站浏览次数：1659

@media only screen and (min-width: 1024px)最小宽度1024

Safari 版本5.1。7（7534.57.2）支持
chrome 版本26.0.1410.64 m 支持
opera 版本12.15 支持
fireFox 版本21.0 支持
IE10 版本10.0.92000.16580 支持

@media only screen and (max-width: 1024px)最大宽度

同上都支持

@media only screen and(min-width:800px) and (max-width:1024px) 宽度大于800 小于1024

Safari 版本5.1。7（7534.57.2）b支持
chrome 版本26.0.1410.64 m 支持
opera 版本12.15 不支持
fireFox 版本21.0 不支持
IE10 版本10.0.92000.16580 不支持

@media screen and (max-device-width: 1366px) 设备屏幕宽度小于1366

Safari 版本5.1。7（7534.57.2）支持
chrome 版本26.0.1410.64 m 支持
opera 版本12.15 不支持
fireFox 版本21.0 支持
IE10 版本10.0.92000.16580 支持

这种写法我们电脑测试的时候多数是不能出现效果的，应为需要设置我们设备的屏幕大小，我的电脑是1366*768的，所以设置成1366，如果变成1024或其他的数字，是看不到效果的，（除非在调整屏幕分辨率）

@media screen and (min-device-width: 1366px) 设备屏幕大于1366

同上

例外：opera 在用@media screen and (min-device-width: 1366px)和@media screen and (max-device-width: 1366px)的时候，有一个很有趣的现象，我把分辨率调成1024*800的时候把最大宽度调成1366后他是可以用的，同理最小款款调成800也管用了，有些搞不懂了，如果哪位大牛知道，请指导一下！！！

@media(max-width:1024px)

Safari 版本5.1。7（7534.57.2）支持
chrome 版本26.0.1410.64 m 支持
opera 版本12.15 支持
fireFox 版本21.0 支持
IE10 版本10.0.92000.16580 支持

@media(min-width:1024px)

Safari 版本5.1。7（7534.57.2）支持
chrome 版本26.0.1410.64 m 支持
opera 版本12.15 支持
fireFox 版本21.0 支持
IE10 版本10.0.92000.16580 支持

如果有什么些的不对，请各位及时指出，在下这里感谢了！！！

　C#调用百度地图API经验分享

C#百度地图定位获取经纬度之间的距离 C#.Net计算地图距离　

JS实现滚动到浏览器顶部悬停，position sticky不生效替代附代码判断浏览器是否兼容position:sticky属性,并实现jQuery兼容所有浏览器 CSS中Position:Sticky不起作用的问题解决 echarts图表outsystems中js使用实例在Power BI中根据选定的月份，动态显示最近N个月的数据在Power BI中对数据进行排序（DAX RANKX函数篇） Power Apps 中ForAll函数利用Power Automate，轻松下载Power BI报告中的数据利用Power Automate，下载PowerBI中的数据到本地文件夹在Visual Studio 2019中安装Blend 4.5 SDK(附带.Net Core Blend SDK安装方式)

柏港建站平台

柏港自适应/响应式

css中@media写法在ie 、firefox、Opera、Chrome、Safari 浏览器中的支持

柏港为您推荐了一些相关资讯

柏港 自适应/响应式

css中@media写法在ie 、firefox、Opera、Chrome、Safari 浏览器中的支持

柏港为您推荐了一些相关资讯

柏港自适应/响应式