Javascript для создания таблицы на основе ширины экрана

Question

У меня есть таблица шириной 940 пикселей, которая в настоящее время содержит весь контент на моем сайте.

Использование Javascript Я бы хотел проверить ширину браузера более 1240, и если это так, отобразите мою существующую таблицу шириной 940 пикселей в <td> и покажите рекламу в смежном <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

EDIT: Это может помочь вам сделать то, что вы пытаетесь сделать. Вы можете использовать javascript для загрузки различных CSS.

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