桌子宽度超过智能手机的屏幕宽度
公开码
我已经阅读了与表格宽度有关的问题并进行了处理。
“自动换行：断行；” 在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 Web浏览器上捕获的红色框。（来源：opencode.co.kr）
我的母亲
使用table-responsive类。
请尝试以下方法：
<div class="table-responsive">
<table class="table table-striped">
</table>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
joomla，CSS-仅在智能手机屏幕上显示joomla模块
- 2
桌子宽度超过智能手机的屏幕宽度
- 3
Android初始屏幕尺寸，与智能手机和平板电脑的兼容性，疑问
- 4
检测平板电脑和智能手机
- 5
android智能手机上的固定宽度html布局
- 6
使用libGDX访问智能手机的相机
- 7
OOP设计与智能手机的性能
- 8
智能手机的最低屏幕分辨率是多少？
- 9
获取智能手机的标识符
- 10
如何使我的网站响应智能手机
- 11
如何安装智能手机以恢复文件
- 12
joomla，CSS-仅在智能手机屏幕上显示joomla模块
- 13
验证屏幕前可访问智能手机应用程序
- 14
Div宽度在智能手机中越来越小-在Web浏览器中呈现良好
- 15
大屏幕智能手机的RWD失败
- 16
与iPhone /智能手机共享RAM？
- 17
智能手机接受（最大设备宽度：x），但不接受（最大宽度：x）
- 18
从智能手机下载照片
- 19
如果手机已锁定，则将智能手机连接到PC
- 20
智能手机的最低屏幕分辨率是多少？
- 21
仅为智能手机加载不同的JavaScript
- 22
压缩来自智能手机的视频
- 23
将多个智能手表与一部智能手机/平板电脑相连
- 24
ExtJS 4 智能手机尺寸
- 25
将屏幕尺寸更改为智能手机屏幕尺寸时，无法将背景图像居中
- 26
智能手机和 PC 中不同宽度的响应容器 - 引导程序
- 27
使两个元素适应智能手机屏幕
- 28
开发响应式网站时，市场上智能手机的最大屏幕宽度是多少？
- 29
CSS 媒体智能手机
我来说两句