似乎CSS只能识别第一个媒体查询。每当我改变屏幕大小以看到不同的变化时,它只“落入”第一个媒体查询或一般的CSS代码。
我尝试将媒体查询移动到工作查询的上方和下方,但没有任何改变。在查询中,我将几种颜色更改为黑色,以便测试它们是否真的有效,但这并没有改变任何东西。
这是我的媒体查询布局的一个示例。
*** REST OF CSS FILE UP HERE ***
@media screen and (max-width: 600px) {...}
@media screen and (max-width: 600px) {...}
@media only screen and (min-
我正在修改其他人的css,我试图通过实现@media查询来使页面响应。我实施了:
@media screen and (max-width: 1300px),
screen and (max-width: 1024px) {}
@media only screen and (max-width: 860px) {}
这很好,但是当我实现@media屏幕和(最大宽度:600 it ){}时,它似乎无法工作。
或者-在铬和歌剧似乎很好的工作,但不是在FF:在FF上的页面被裁剪在右侧,没有滚动和我真的不知道为什么。它不会改变,即使我使用的位置:相对人,我检查-我没有任何‘溢出:隐藏’。
另外一件事
我使用“@media only screen和(最大宽度:500 max)”在css中设置断点。
当我将它设置为在到达断点时改变颜色时,它会工作:
@media only screen and (max-width: 500px) {#container{color:black;}}
当我调整浏览器的大小时,容器div确实会变黑,但是当我将断点设置为更改div的边距时,不会触发断点。
因此,当我将查询设置为:
@media only screen and (max-width: 500px) {#container{margin-left: 0px;}}
当屏幕调整大小时,没有任何变化,就像我
最近,我注意到我在每个all查询规则中都使用了@media,我不知道为什么会这样做。
我搜索了web,我发现web上的大多数@media规则示例都使用了一些类似于@media all and (some other condition...)的格式,如果没有指定媒体类型,为什么会有媒体类型all?这可能是一些旧的浏览器兼容性问题吗?
我想我真正想问的是,为什么在没有必要的情况下使用媒体类型的all是一种常见的做法?
我想为屏幕尺寸在1024px到1280px之间添加一些样式,所以我使用以下媒体查询:
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
我的屏幕尺寸是1280px。Firefox没有显示上述查询中添加的任何样式(这是正确的),但屏幕尺寸为1280px的Chrome浏览器显示了上述媒体查询中添加的样式。
为什么1280px屏幕上的Chrome仍然显示上面的媒体查询中添加的样式?我怎么才能修复上面的Chrome查询呢?谢谢。
我正在制作一个类似于的菜单,我希望改进如下(当调整窗口大小时):
如果nav右侧没有任何空白,则省略左侧。
A ...ohime sama > Ki ga tsuite ne ne > Mataseru nante rongai yo B
A ...suite ne ne > Mataseru nante rongai yo B
但是不要忽略#currentstage
A ...> Mataseru nante rongai yo B
A ...> Mataseru nante rong (带有水平滚动条)
我可以只做这个HTML+C