移动设备上的台面或DIV填充问题

时间:2018-05-16 作者:mannyotr

在移动设备上查看页面时,我遇到了一个问题。

This page (由于问题已经解决,此页面将无法再访问),在浏览器上查看时看起来非常完美。但当我在我的移动设备(iPhone使用最新的Chrome应用程序版本)上查看它时,页面的右边空白处看起来是破损的(如下面的屏幕截图所示)。

如果我减少单元格填充值,它会起作用,但这取决于手机屏幕的大小。屏幕越小,填充空间就越小。

如果我去掉单元格填充,它似乎对所有屏幕大小都有效。

任何帮助都将不胜感激!

1 个回复
最合适的回答,由SO网友:SeventhSteel 整理而成

这是一个常见的CSS问题。在您的表中,宽度容纳的列太多,因此div.table从其容器溢出。

若要修复,请将div.table包装到另一个div中。将外部div设置为:

width:100%;
overflow:auto;
div.table现在将保持在边界内,而不会打破右边距,但需要侧滚才能完全查看。

结束

相关推荐

Custom CSS In Uploads Folder

我想知道上传文件夹中是否有自定义CSS文件。我从以前的开发人员那里继承了一个自定义主题,前端的大量样式都是从这个样式表派生出来的,它同样不在主题或插件文件夹中,而是wp-content/uploads 文件夹我正在努力找出它是如何推导出来的,但它确实存在。这是否被视为不良做法,或者是否有这样的用例?我相信之前的开发人员提到了Visual Composer或JS Composer以及编译更少的文件。。。但我对此不确定,他已经失去了联系,我想知道为什么我们要以这种方式使用样式表,因此这个问题是关于最佳实践的,