javascript

当前位置:首页 > 前端 > javascript

表格自适应

<!-- 表格自适应 --> <script> var e = $(".xypg-right-content table"); var len = e.length; for (var i = 0; i < len; i++)...
<!-- 表格自适应 -->
<script>
    var e = $(".xypg-right-content table");
    var len = e.length;
    for (var i = 0; i < len; i++) {
        $(".xypg-right-content  table").eq(i).wrap('<div style="overflow-y:hidden;"></div>')
    }
</script>

// 完整代码(推荐 —— 只移除 width 相关)
<script>
    var tables = $(".xypg-right-content table");
    var winW = $(window).width();

    tables.each(function () {
        // 原有包装
        $(this).wrap('<div style="overflow-y:hidden;"></div>');

        // 小屏处理
        if (winW < 768) {
            var style = $(this).attr("style");
            if (style && style.indexOf("width: 100%") !== -1) {
                // 只移除 width:100%,保留其他样式
                $(this).css("width", "");
            }
        }
    });
</script>

// 或者:如果你想直接移除整个 style 属性
<script>
    var tables = $(".xypg-right-content table");
    var winW = $(window).width();

    tables.each(function () {
        // 原有包装
        $(this).wrap('<div style="overflow-y:hidden;"></div>');

        // 小屏处理
        if (winW < 768) {
            if ($(this).attr("style") && $(this).attr("style").indexOf("width: 100%") !== -1) {
                $(this).removeAttr("style");
            }
        }
    });
</script>


上一篇:canvas 画布

下一篇:owl 淡入淡出

相关内容

文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~