桌面：水平图片/内容，智能手机：垂直画面/内容

Question

我使用WordPress的响应准备的主题，它工作得很好，除了表或DIV容器。

我主要的问题是我的桌子上，如下所示：lichtundmusik.ch/vermietung/licht

我想要什么： 当我看同一页提到上述智能手机上的图片应该automaticaly更改文本和图片的顺序从横向到我想要的垂直

插图：Link to the Illustration

还有一个难点： 它是当今firt一次我来到一个交叉引导，我试图实现它可惜进入靴网站标题中的陷阱代码正在改变整个网站。

是否有人对我的解决方案？谢谢您的回答

Answer 1

因为你的输出是一个表，你将不得不玩一些技巧用CSS来完成这项工作。 CSS-Tricks has a nice article explaining the basics。 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; 
    } 
} 

对于第二部分，引导是一个巨大的框架和将改变一切。对于我没有批量需要响应能力的项目，我一直在使用Pure CSS，它在4.4KB包中提供了许多响应式功能。