我认为这是我关于自适应HTML / CSS布局的第二篇文章。在我以前的文章中,我实现了自适应布局,这得到了一个有用的答案,在需要移除浮标并将容器一个接一个地放置的情况下,这种方法更为直接。
这次我有了一些复杂的设计。让我展示一下设计在横向和纵向模式下的外观。
景观设计:
在纵向模式下,如果宽度小于1024px,则设计应如下所示
人像设计:!
如果有人指导我如何进行此设计,将很有帮助。如果需要更多信息,请随时询问
谢谢
拉克斯
最佳答案
您可以尝试使用媒体查询
@media all and (max-width: 1023px) {
/* CSS you need for portrait */
}
您可以阅读很多有关“响应式网页设计”的好文章。