我认为这是我关于自适应HTML / CSS布局的第二篇文章。在我以前的文章中,我实现了自适应布局,这得到了一个有用的答案,在需要移除浮标并将容器一个接一个地放置的情况下,这种方法更为直接。

这次我有了一些复杂的设计。让我展示一下设计在横向和纵向模式下的外观。

景观设计:

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

人像设计:!

如果有人指导我如何进行此设计,将很有帮助。如果需要更多信息,请随时询问

谢谢
拉克斯

最佳答案

您可以尝试使用媒体查询

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


您可以阅读很多有关“响应式网页设计”的好文章。

09-20 19:54