webpage - 实现网页分割

Question

我如何实现网页分割（任何基于视觉/基于布局/基于再现的类型）？
任何实现的示例或有用的链接？

提前致谢..

Answer 1

简单的方法可能是媒体查询：

<div class="content"></div>

然后在 css 中设置标准样式并在屏幕很小时覆盖它。这不仅适用于移动设备，如果您调整浏览器的大小，它将生效，但它适用于所有小屏幕显示器。

.content{width:400px;}
@media screen and (max-width: 400px){
    .content {width:200px;}
}

当然还有其他方法，但对于基本实现，这将满足您的需求。