仅使用CSS的自适应html布局

Question

我想这是我第二篇关于自适应HTML/CSS布局的文章了。我在上一篇文章中得到了一个有用的答案，在那里我实现了自适应布局，这是更直接的地方，我需要删除浮动，并将一个容器放在另一个容器上。

这次我得到了一些什么复杂的设计。让我展示一下它在横向和纵向模式下的设计效果。

景观设计：

​

在纵向模式下，如果宽度小于1024px，则设计应如下所示

肖像设计：

好了！

将是有帮助的，如果有人指导我如何接近这个设计。如果需要更多信息，请随时询问

谢谢拉克斯

Answer 1

您可以尝试使用媒体查询

@media all and (max-width: 1023px) {
  /* CSS you need for portrait */
}

你可以读到很多关于“响应式网页设计”的好文章。