桌面宽度超过智能手机的屏幕宽度

时间:2013-12-23 13:22:40

标签: twitter-bootstrap twitter-bootstrap-3

我已经阅读了与桌子宽度相关的问题并做了一些事情。

“自动换行:打破字;”在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

1 个答案:

答案 0 :(得分:5)

使用table-responsive课程。

尝试以下方法:

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