Question

我有一个940像素宽的表，目前包含我网站的所有内容。

使用Javascript我想测试浏览器的宽度是否大于1240，如果是这样的话，在<td>中显示我现有的940像素宽的表，并在相邻的{{1}中显示广告这是300像素宽。

如果浏览器窗口小于1240，那么我只会显示现有的940像素宽的表格。

有没有办法测试宽度并设置一个标志然后使用Javascript来测试该标志并包含或不包含我的<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>

Javascript根据屏幕宽度创建表格

1 个答案: