iphone - 使具有较长水平行的 对移动设备更友好

转载 作者：行者123 更新时间：2023-11-28 17:58:09 25 4

我在响应式网站上使用 Bootstrap (2.3)。

我们有很多数据表根本无法水平显示在移动屏幕上，即使在删除所有不必要的列之后也是如此。如果什么都不做，这些 <table> s 收缩不够，通过在页面水平页面外扩展并触发页面缩放(尽​​管页面缩放上没有其他元素)来破坏 iOS 上的移动布局。

目前，解决方案是包装 <table>溢出<div>

   <div style="overflow: auto">
        <table class="table>
        </table> 
   </div>

这使得表格可以水平滚动。正在申请 overflow: auto在 <table>本身似乎没有做任何事情，所以表必须被包裹起来。问题

• 还有其他方法可以使<table>水平吗？移动友好吗？一些特殊的 CSS 规则可以帮助解决这个问题？

• 可以 overflow: auto应用于 <table>本身通过 CSS 伪选择器，以便它会正确溢出？

最佳答案

我听说过Foo Tables非常擅长在低分辨率/响应环境中显示表格信息。

关于iphone - 使具有较长水平行的 <table class ="table"> 对移动设备更友好，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20994532/

25 4 0

文章推荐： css - 在模板中添加 css 下拉菜单

文章推荐： ios - 这种模式适合核心数据吗？

文章推荐： iphone - 以编程方式禁用水平滚动到 UITextView

文章推荐： javascript - 为什么浏览器看不到我的模块？

• Delphi:快速(更)宽字符串连接

  我有一个功能是转换 ADO Recordset 进入html: class function RecordsetToHtml(const rs: _Recordset): WideString; 该函

• php - 在网络应用程序中收集熵以创建(更)安全的随机数

  经过几天的研究和讨论，我想出了这种方法来收集访客的熵(你可以看到我的研究历史here) 当用户访问时，我运行此代码: $entropy=sha1(microtime().$pepper.$_SERVE

• java - 一种更快(更)的方法来查找与列表中的模式匹配的内容

  给定一个无序列表 List ，我需要查找是否存在 String与提供的字符串匹配。 所以，我循环 for (String k : keys) { if (Utils.keysM

• python - 更 retrofit 饰器内的实例属性

  我已经搜索过这个问题，但没有找到我正在寻找的答案。 基本上，我想将类构造函数包装在 try/except 子句中，以便它忽略构造函数内特定类型的错误(但无论如何都会记录并打印它们)。我发现做到这一点的

• java - 我如何(更)轻松地比较两组数字？

  我有一组三个数字，我想将一组数字与另一组数字进行比较。即，第一组中的每个数字小于另一组中的至少一个数字。需要注意的是，第一组中的下一个数字必须小于第二组中的不同数字(即，{6,1,6} 对 {8,8,

• seo - 更 SEO 友好的头

  关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this

• java - 企业应用程序的瘦(更)独立客户端

  首先介绍一下背景: 我正在开发一个带有 EJB 模块和应用程序客户端模块的企业应用程序 (ear)。我还使用 hibernate JPA 来实现持久性，并使用 swingx 来实现 GUI。这些是唯一

• eclipse - 让 Eclipse 更 slim

  我正在尝试在我的上网本上运行 Eclipse 以便能够为 Android 进行开发。 您可能已经猜到了，Eclipse 非常慢，并且不容易有效地开发。 我正在使用 Linux Ubuntu 并且我还有

• python - 执行以下枚举的更整洁、更 pythonic 的方法是什么？

  for row, instrument in enumerate(instruments): for col, value in enumerate(instrument):

• python - 什么是更简单、更 pythonic 的表达以下内容的方式？

  return not a and not b ^ 我如何以更好的格式表达它 最佳答案 DeMorgan's Law ， 也许？ return not (a or b) 我认为在这一点上已经足够简单了

• css - 有没有办法使用 CSS 使字体很棒的图标看起来更薄/更 slim ？

  我正在尝试让 Font Awesome 图标看起来更 slim https://jsfiddle.net/cliffeee/7L6ehw9r/1/ . 我尝试使用“-webkit-text-strok

• python - 更 Pythonic 的方式 - Pandas 数据帧操作

  假设我有一个名为 vals 的数据框，如下所示: id…………日期…………min_date…… .........最大日期 1…………2016/01/01…………2017/01/01…………2018/

• syntax - 是否有比 `None` 更 Pythonic 的方式更改为 `[]`

  是否有更 Pythonic 的方式来做到这一点？: if self.name2info[name]['prereqs'] is None: se

• c++ - 是否有(更)合理的方法来确定 ostream 所针对的终端的宽度？

  我有一个函数可以将一些文本打印到它接收到的 ostream&。如果 ostream 以终端为目标，我想让它适应终端宽度，否则默认为某个值。 我现在做的是: 从 ostream 中获取一个 ofstre

• java - 是抛出异常还是返回 null 更 Java-thonic？

  这个问题在这里已经有了答案: Should a retrieval method return 'null' or throw an exception when it can't produce

• python - 编写 if 语句的更短、更 Pythonic 的方式

  我有这个 bc = 'off' if c.page == 'blog': bc = 'on' print(bc) 有没有更 Pythonic(和/或更短)的方式在 Python 中编写？ 最佳

• python - 什么是更快、更 Pythonic 的方式来读取 CSV 并从中制作数据框？

  输入:一个包含 50,000 行的 CSV；每行包含 910 列值 0/1。 输出:运行我的 CNN 的数据框。 我编写了一个逐行读取 CSV 的代码。对于每一行，我将数据分成两部分，称为神经元(90

• python - with block 或 close() 更 Pythonic 吗？

  据我所知，with block 会在您退出 block 后自动调用 close()，并且它通常用于确保不会忘记关闭一个文件。 好像没有技术上的区别 with open(file, 'r+') as f

• c# - 无法识别 Entity Framework 更 retrofit 配模型

  我有一个使用 Entity Framework V6.1.1 的 MVC 5 网站。 Entity Framework DbContext 类和模型最初都在网站项目中。这个项目有 3 个 DbCont

• swift - 通过移走 TableView 使 ViewController 更 slim

  我是编程新手，在尝试通过将 tableView 和关联 View 的创建移动到单独的类并将委托(delegate)和数据源从 VC 移动到单独的类来精简我的 ViewController 时遇到了一些

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

• html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
• JMeter 在响应断言中使用 span 标签的问题
• html - 在 :hover and :active? 上具有不同效果的 CSS 动画
• html - 相对于居中的 html 内容固定的 CSS 重复背景？

滴滴打车优惠券免费领取

全站热门文章

• 多校A层冲刺NOIP2024模拟赛20
• Node.js构建命令行工具：实现ls命令的-a和-l选项
• 在GithubAction管道内集成CodeCoverageReport
• 鸿蒙自定义组件生命周期
• Nuxt.js应用中的schema：extend事件钩子详解
• 基于surging的木舟平台如何通过Tcp或者UDP网络组件接入设备
• 使用Boost.asio与Boost.beast基于协程连接ws
• 精选2款C#/.NET开源且功能强大的网络通信框架
• 内核源码+vscode+bear+clang实现函数任意跳转，无缝跳转，无缝阅读，无缝开发
• 权限系统：一文搞懂功能权限、数据权限

Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com