Question

我的任务是使用媒体查询对网站进行移动优化，以便在较窄的浏览器上加载特定的CSS。我刚刚注意到，该网站是使用表格不合适的CSS构建的。我知道为什么用表格构建一个站点是一个很糟糕的想法，但有没有任何解决方法可以让我用CSS将表格分成单列布局？

Answer 1

这可能是一项艰巨的任务。

取决于您所定位的移动浏览器，并且取决于所使用的标记（是否存在其他表？您可以轻松地定位正确的布局表等）然后我建议设置布局的显示属性TD阻止允许你将它们从表格的限制中解放出来。

CSS如下面的代码段应该可以在现代移动浏览器中使用，但是如果可能的话，您应该考虑更具体地定位目标元素，以免影响其他表格。

table, tr, td {
    display: block;
}

将表格元素设置为阻止后，您应该可以根据移动布局的需要设置样式并进行定位。