我已经阅读了与桌子宽度相关的问题并做了一些事情。
“自动换行:打破字;”在bootply(桌面,移动)/ chrome(桌面)/ IE(桌面)中运行良好。 但超过firefox(桌面/ xs宽度)chrome(移动)android浏览器(Jelly Bean)的屏幕宽度
sm / md / lg网格表中的有很多列 在xs网格表中只显示1列并隐藏其他列。
用于测试的示例代码(http://bootply.com/102163)
<table width="100%" class="table table-condensed table-hover" style="word-wrap: break-word;">
<tbody><tr><td>
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
</td></tr>
</tbody></table>
在Jelly Bean网络浏览器上捕获的红色框。 reb box http://opencode.co.kr/data/file/css/1312/1387805255_iEUtCjcK_table_overflow.png
答案 0 :(得分:5)
使用table-responsive
课程。
尝试以下方法:
<div class="table-responsive">
<table class="table table-striped">
</table>
</div>