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" />
請提供相關的HTML,以及可能的小提琴(http://jsFiddle.net) – 2013-05-03 13:59:51
我修改了上面顯示相關的HTML。唯一的HTML是它映射的圖像,然後是地圖的座標。 – 2013-05-03 14:09:12