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

公开码

我已经阅读了有关表格宽度的问题并进行了处理。

“自动换行:断行;” 在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

智能手机和 PC 中不同宽度的响应容器 - 引导程序

来自分类Dev

大屏幕智能手机的RWD失败

来自分类Dev

智能手机接受(最大设备宽度:x),但不接受(最大宽度:x)

来自分类Dev

开发响应式网站时,市场上智能手机的最大屏幕宽度是多少?

来自分类Dev

Div宽度在智能手机中越来越小-在Web浏览器中呈现良好

来自分类Dev

android智能手机上的固定宽度html布局

来自分类Dev

joomla,CSS-仅在智能手机屏幕上显示joomla模块

来自分类Dev

智能手机的最低屏幕分辨率是多少?

来自分类Dev

joomla,CSS-仅在智能手机屏幕上显示joomla模块

来自分类Dev

验证屏幕前可访问智能手机应用程序

来自分类Dev

智能手机的最低屏幕分辨率是多少?

来自分类Dev

使两个元素适应智能手机屏幕

来自分类Dev

检测平板电脑和智能手机

来自分类Dev

OOP设计与智能手机的性能

来自分类Dev

使用libGDX访问智能手机的相机

来自分类Dev

获取智能手机的标识符

来自分类Dev

如何使我的网站响应智能手机

来自分类Dev

如何安装智能手机以恢复文件

来自分类Dev

与iPhone /智能手机共享RAM?

来自分类Dev

从智能手机下载照片

来自分类Dev

仅为智能手机加载不同的JavaScript

来自分类Dev

压缩来自智能手机的视频

来自分类Dev

ExtJS 4 智能手机尺寸

来自分类Dev

CSS 媒体智能手机

来自分类Dev

将屏幕尺寸更改为智能手机屏幕尺寸时,无法将背景图像居中

来自分类Dev

如果手机已锁定,则将智能手机连接到PC

来自分类Dev

Android初始屏幕尺寸,与智能手机和平板电脑的兼容性,疑问

来自分类Dev

将多个智能手表与一部智能手机/平板电脑相连

Related 相关文章

  1. 1

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

  2. 2

    智能手机和 PC 中不同宽度的响应容器 - 引导程序

  3. 3

    大屏幕智能手机的RWD失败

  4. 4

    智能手机接受(最大设备宽度:x),但不接受(最大宽度:x)

  5. 5

    开发响应式网站时,市场上智能手机的最大屏幕宽度是多少?

  6. 6

    Div宽度在智能手机中越来越小-在Web浏览器中呈现良好

  7. 7

    android智能手机上的固定宽度html布局

  8. 8

    joomla,CSS-仅在智能手机屏幕上显示joomla模块

  9. 9

    智能手机的最低屏幕分辨率是多少?

  10. 10

    joomla,CSS-仅在智能手机屏幕上显示joomla模块

  11. 11

    验证屏幕前可访问智能手机应用程序

  12. 12

    智能手机的最低屏幕分辨率是多少?

  13. 13

    使两个元素适应智能手机屏幕

  14. 14

    检测平板电脑和智能手机

  15. 15

    OOP设计与智能手机的性能

  16. 16

    使用libGDX访问智能手机的相机

  17. 17

    获取智能手机的标识符

  18. 18

    如何使我的网站响应智能手机

  19. 19

    如何安装智能手机以恢复文件

  20. 20

    与iPhone /智能手机共享RAM?

  21. 21

    从智能手机下载照片

  22. 22

    仅为智能手机加载不同的JavaScript

  23. 23

    压缩来自智能手机的视频

  24. 24

    ExtJS 4 智能手机尺寸

  25. 25

    CSS 媒体智能手机

  26. 26

    将屏幕尺寸更改为智能手机屏幕尺寸时,无法将背景图像居中

  27. 27

    如果手机已锁定,则将智能手机连接到PC

  28. 28

    Android初始屏幕尺寸,与智能手机和平板电脑的兼容性,疑问

  29. 29

    将多个智能手表与一部智能手机/平板电脑相连

热门标签

归档