媒体查询不适用于Safari

尼古拉斯

为什么以下媒体查询在FF(22.0)和Chrome(28.0.1500.71)中可以正常工作,但Safari(6.0.5)却忽略了它?

如果相关,我正在使用Mac OS X(10.7.5)macbook pro 13“

谢谢您的帮助!

另外,有人知道它是否可以在IE中运行吗?

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<style type="text/css">

body {background-color:#efefef;}
h1 {color:black;}

@media only screen and (max-width:37.5em) {
body {background-color:#000000;}
h1 {color:white;}
}

</style>
</head>
<body>

<h1>Hi.</h1>

</body>
</html>
尼古拉斯

我发现了为什么它不起作用:

为了测试媒体查询,我放大了页面,而不是调整浏览器窗口的大小,并且在Safari中,与FF和Chrome不同,媒体查询直到刷新浏览器后才开始。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS媒体查询不适用于Iphone(Chrome和Safari)/ Apple MBP Safari

来自分类Dev

媒体查询不适用于iPhone Safari浏览器

来自分类Dev

CSS媒体查询不适用于Android设备

来自分类Dev

媒体查询不适用于ie和电话

来自分类Dev

媒体查询打印不适用于javascript命令

来自分类Dev

浮动:无不适用于媒体查询

来自分类Dev

媒体查询不适用于VueJS样式标签

来自分类Dev

媒体查询打印不适用于javascript命令

来自分类Dev

浮动:无不适用于媒体查询

来自分类Dev

媒体查询不适用于较小的屏幕尺寸

来自分类Dev

CSS媒体查询不适用于Samsung Galaxy

来自分类Dev

媒体查询不适用于中等范围

来自分类Dev

表格显示块不适用于媒体查询

来自分类Dev

属性显示不适用于媒体查询

来自分类Dev

媒体查询适用于Chrome,但不适用于移动设备

来自分类Dev

媒体查询适用于手机,但不适用于平板电脑

来自分类Dev

媒体查询不适用于某些类的Bootstrap,但适用于其他类

来自分类Dev

媒体查询不适用于手机,但响应性适用于桌面

来自分类Dev

我的LESS数学运算不适用于我的媒体查询定义

来自分类Dev

显示后,媒体查询中的浮动内容不适用于输入:

来自分类Dev

媒体查询不适用于离子项目

来自分类Dev

媒体查询不适用于CSS网格布局

来自分类Dev

CSS中的媒体查询不适用于其他宽度

来自分类Dev

媒体查询不适用于浏览器或移动设备

来自分类Dev

聚合物铁媒体查询不适用于 dom-repeat 元素

来自分类Dev

我的媒体查询不适用于 google chrome 和 firefox

来自分类Dev

响应式网站不适用于 Css 中的媒体查询

来自分类Dev

具有绝对位置和内嵌位置的媒体查询,似乎不适用于Chrome

来自分类Dev

为什么媒体查询不适用

Related 相关文章

热门标签

归档