Question

我已经检查了几个关于这个问题的主题，但没有一个对我有用。我正在使用Bootstrap。这是我的代码。

模板：

<div class="table-responsive for_safari">
    <table class="table" style="width:5000px;">
        <tr>
            {partners_info}                         
                <td>
                    <a href="{link_partner}">
                        <div style=" background-image: url('{img_partner}');" class="give_size">
                        </div>
                    </a>
                </td>                       
            {/partners_info}                        
        </tr>
    </table>
</div>

CSS：

.give_size {
    background-repeat: no-repeat !important;
    background-size: 200px auto !important;
    background-position: center !important;
    height: 200px !important;
}

.for_safari {
    overflow-x: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}

Scroll在Safari和Firefox中不起作用，我无法弄清楚原因。在Chrome中一切正常。 Here is link where you can actually see the problem. Enter the page and scroll down. 希望你能提供帮助。感谢。

Answer 1

我明白了。问题出在表类中。 “max-width：100％”不是必需的。无论如何，谢谢：）

overflow-x：自动无法在safari和firefox中运行

1 个答案: