OpenCart 3.0.3.8产品描述Excel表格移动端不响应求助

现有CSS的问题 #

你当前添加的CSS存在两处语法错误：

• 第一条规则缺少表格目标选择器，浏览器无法识别要作用的元素
• #description. content 写法错误，正确的后代选择器应该是 #description .content（类选择器前的点与父选择器之间需要空格）

解决方案 #

添加以下CSS代码到【设置/自定义代码/自定义CSS】中，实现表格在移动端可横向滚动，确保内容完整展示：

/* 针对产品描述中的表格容器，添加横向滚动 */
#description .content {
    overflow-x: auto;
    width: 100% !important;
    max-width: 100% !important;
}

/* 确保表格本身自适应容器宽度 */
#description .content table {
    width: 100% !important;
    min-width: 600px; /* 可选：根据表格内容调整最小宽度，避免内容挤压 */
    border-collapse: collapse; /* 优化表格边框显示效果 */
}

/* 可选：优化移动端表格可读性 */
#description .content table td,
#description .content table th {
    padding: 8px 12px;
    font-size: 14px;
    word-break: break-word; /* 长文本自动换行 */
}

关键说明 #

• overflow-x: auto 会让表格容器在宽度不足时显示横向滚动条，用户可滑动查看完整表格
• 如果你的表格是编辑器插入的带有特定类名（比如 editor-table），可将表格选择器替换为 #description .content .editor-table 以精准定位

内容的提问来源于stack exchange，提问作者Sylbis