Javascript功能來根據屏幕寬度

Question

我當前包含的所有內容到我的網站的940像素寬的表創建表。

使用JavaScript我想測試一下，看看瀏覽器的寬度大於1240，如果在<td>所以顯示我現有的940像素寬表，並在相鄰的<td>這300個像素寬的顯示廣告。

如果瀏覽器窗口小於1240，那麼我會只顯示我現有的940像素寬的表格。

有測試寬度，並設置一個標誌，那麼使用JavaScript來測試該標誌，包括或不包括我<table> <tr> <td>結構的方式？

Answer 1

你可以使用JavaScript加載不同的CSS。

<script type = "text/javascript"> 
    function x(y) { 
     var styles = y; 
     var newSS = document.createElement('link'); 
     newSS.rel = 'stylesheet'; 
     newSS.href = 'data:text/css,' + styles; 
     document.getElementsByTagName("head")[0].appendChild(newSS); 
    } 

    if (screen.width >= 1240) { 
     x('largeTable.css'); 
    } 
    else { 
     x('smallTable.css'); 
    } 
</scipt> 

來源：this

編輯：這可能會幫助你完成你正在嘗試做的。 你可以使用JavaScript加載不同的CSS。

if (screen.width >= 1240) { 
     document.getElementById('advert').style.display = 'none'; 
    } 
</scipt>