html - 如何在平板电脑/移动设备上整理这些列？

Question

我正在尝试重新设计 FAQ 页面的样式。我需要修复移动/平板设备上类别后的间距。我尝试用 padding 和 width 修复它，但效果不佳。

.faqs_content .faq_content .faq .media-left {
padding: 0 30px;
}

Answer 1

使用填充不是这样做的方法。你应该使用 flex-box 进行响应式设计，或者像 float 这样的东西，我建议你阅读这篇文章 https://css-tricks.com/snippets/css/a-guide-to-flexbox/

如果您不想使用 flex-box，最简单的方法是使用 bootstrap 构建响应式设计网站。