媒體查詢不工作在我的HTML代碼，不知道我在做什麼錯在這裏

這是我的代碼在網站上快速點擊。媒體查詢不工作在我的HTML代碼，不知道我在做什麼錯在這裏

網址：www.vegastoothdr.com/wp_site/

<body> 
<div id="wpadminbar" style="background-color: black; padding-top: 0px;border-color: white;"> 
     <span class="row" style="vertical-align: top"> 

     <!-- PHONE ICON --> 
     <a href="tel:(702) 473-5100"> 
     <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/phone.png" width="60" height="36" style="padding-left: 20px"> 
     </a> 

     <!-- CALENDAR ICON --> 
     <a href="appointment"> 
     <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/calendar.png" width="60" height="36" style="padding-left: 20px"> 
     </a> 

     <!-- EMAIL ICON --> 
     <a href="contact"> 
     <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/envelope.png" width="67" height="36" style="padding-left: 20px"> 
     </a> 

     <!-- PIN ICON -->  
     <a href="https://www.google.com/maps/place/1070+W+Horizon+Ridge+Pkwy+%23121,+Henderson,+NV+89012,+USA/@36.022368,-115.0346407,17z/data=!3m1!4b1!4m2!3m1!1s0x80c8d16f85764fa7:0x702e5efb00bd1ffb"> 
     <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/pin.png" width="49" height="36" style="padding-left: 20px"> 
     </a> 

     </span> 
    </div> 
<header> 
<!-- Nav CODE --> 
</header>

好了，現在我的代碼，我放在一個CSS代碼的最後一行的<head>部分

@media screen and (max-width: 782px) 
    { 

     div#wpadminbar 
     { 

      height: 55px; 
      min-width: 300px; 
     } 
    }

好了...它適用於現在移動設備。

但是，鏈接不工作。所以我不能點擊圖標。沒有任何鏈接正在工作。

測試二：

我把它下的報頭部分和環節的工作。但媒體查詢不工作。太奇怪了。

我已將下面的代碼放置在鏈接正在工作的位置，但媒體查詢不起作用。

<body> 

<header> 
    <div id="wpadminbar" style="background-color: black; padding-top: 0px;border-color: white;"> 
    <span class="row" style="vertical-align: top"> 

    <!-- PHONE ICON --> 
    <a href="tel:(702) 473-5100"> 
    <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/phone.png" width="60" height="36" style="padding-left: 20px"> 
    </a> 

    <!-- CALENDAR ICON --> 
    <a href="appointment"> 
    <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/calendar.png" width="60" height="36" style="padding-left: 20px"> 
    </a> 

    <!-- EMAIL ICON --> 
    <a href="contact"> 
    <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/envelope.png" width="67" height="36" style="padding-left: 20px"> 
    </a> 

    <!-- PIN ICON -->  
    <a href="https://www.google.com/maps/place/1070+W+Horizon+Ridge+Pkwy+%23121,+Henderson,+NV+89012,+USA/@36.022368,-115.0346407,17z/data=!3m1!4b1!4m2!3m1!1s0x80c8d16f85764fa7:0x702e5efb00bd1ffb"> 
    <img class="icons" src="http://www.vegastoothdr.com/wp_site/wp-content/uploads/2016/03/pin.png" width="49" height="36" style="padding-left: 20px"> 
    </a> 

    </span> 
</div>

來源

2016-03-18 Geeky Bird

你的頭是固定位置 –

我解決了這個問題，有JS腳本是添加視頻Div。看起來DIV在我的代碼中處於頂端。

我刪除它和它固定它:)

鏈接到網站：http://www.vegastoothdr.com/

來源

2016-03-23 07:21:18

媒體查詢不工作在我的HTML代碼，不知道我在做什麼錯在這裏

回答

相關問題