我的博客文章大量使用<table>标记（用于列表数据，而不是格式破解），但是在移动设备上使用AMP时，东西会相对频繁地从屏幕边缘溢出，否则会被字词包住。环顾网络，我发现了this ingenious/ugly hack，但我正在寻找更好的解决方案。如果可以使用纯CSS完成某种Bootstrap Carousel的解决方案。
这是一个typical screen，当您缩小浏览器窗口时，最后一栏被截断。请注意，使用桌面浏览器进行滚动的唯一方法是选择文本并向右拖动。在移动设备上，可以使用触摸，但是没有UI提示存在数据被砍掉的提示：
请注意，我是从插件中的原始数据生成表的，因此，例如，如果有基于<div>的解决方案，我可以以其他某种形式重新编写数据。
最佳答案
您可以通过将表格嵌入到放大器轮播中来使其水平滚动。
<amp-carousel height="300" layout="fixed-height" type="carousel">
<table class="result">...</table>
</amp-carousel>
关键是使用轮播类型
carousel（默认设置），并将其与与桌子高度匹配的fixed-height布局组合。Here是JSBIN上的工作示例。
关于css - AMP和过宽的表格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45539832/