1

为什么这个媒体查询不起作用？如果屏幕是浏览器宽度大于 1300 像素，我试图切断图像映射的顶部 150 像素。图像映射是响应式的并扩展了浏览器的宽度（该部分工作正常）。

<style>
body {
    font-family: Helvetica, Arial, sans-serif;
    background-color:#cfa88a;
    margin-top: 0px;
}
img[usemap] {
    border: none;
    height: auto;
    width: 100%;
}
/* on big wide screens over 1300px */
@media all and (min-width: 1300px) {
    #picmap:{margin-top:-150px;}
}
</style>
</head>
<body>
    <img src="lauout.jpg" id="picmap" alt="" width="1105" height="752" usemap="#Map" />
4

1 回答 1

2

您的“#picmap”样式中有一个冒号。看：

#picmap:{margin-top:-150px;}

应该：

#picmap {margin-top:-150px;}
于 2013-05-03T14:17:18.553 回答