关于移动响应的问题

【问题标题】：Issue regarding mobile responsiveness关于移动响应的问题
【发布时间】：2017-01-18 21:17:12
【问题描述】：

当在移动设备上查看该网站时，令人讨厌的倾向是压缩前 4 列并保留最后一列的完整长度。此外，当网站首次打开时，只有前 4 列可见。是否有解决方案：

A) 并非所有列都立即可见，必须向右滚动才能查看第五列的问题 B) 表格在移动设备上看起来很丑的问题，尤其是在描述被压缩的情况下。

【问题讨论】：

【解决方案1】：

a) 你预计会发生什么？根本没有足够的空间，所以它当然会从右侧推出。最后一列占满的原因是因为它是一个单词，默认情况下不会中断。如果你想打断一个单词，你可以使用 css-property word-break。

word-break: break-all;

b) 让表格响应总是很棘手。既然你用引导程序标记了这个问题，我建议你研究引导程序的 .table-responsive 。这将使您的表格水平滚动，但整个页面将保持 100% 的宽度。

<div class="table-responsive">
    <table class="table">
        ...
    </table>
</div>

【讨论】：