桌面:水平图片/内容，SmartPhone:垂直图片/内容

Question

我正在使用Wordpress响应就绪主题，它的工作非常好，除了表或div容器。

我遇到的主要问题是我的表，如：lichtundmusik.ch/vermietung/licht所示

我想要的是:当我在我的智能手机上看到上面提到的同一页时，图片应该自动改变文本和图片的顺序，从水平到垂直。

我想要的说明：链接到插图

还有一个困难:今天是我第一次来到一个交叉引导，我试图实现它，但不幸的是，输入引导代码的网站标题正在改变整个网站。

有人有我的解决方案吗？谢谢你的回答

Answer 1

因为您的输出是一个表，所以您必须使用CSS来完成这项工作。CSS-Tricks有一篇很好的文章来解释基本知识。。TL;DR，您需要为css中的小屏幕创建另一个媒体查询，该查询将表单元格转换为块元素：

@media only screen and (max-width: 760px)  {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
}

对于第二部分，引导是一个巨大的框架，并将改变一切。对于不需要批量响应的项目，我一直在使用纯CSS，它在一个4.4KB的包中提供了很多响应性好东西。