一、静态布局
设计：
布局元素居中布局，设置width固定宽度。
二、流式布局
设计：
布局元素宽度使用百分比并使用min-width或max-width限制，高度使用vw并使用min-height或max-height限制使布局元素长宽比一致。
内容元素使用百分比。
使整体布局一致。流式布局代表：栅格系统。
三、自适应布局
设计：
使用媒体查询在不同断点适用不同静态布局。
四、响应式布局
设计：
自适应和流式布局的结合，响应式布局的代表：bootstrap。
五、弹性布局和rem/em布局
设计：
弹性布局使用flex。
rem/em布局使用rem调整各元素尺寸和文字大小，以上以750的设计稿，1rem = 100px，适用于移动端的页面。
总结：
对于需要移动端和pc端的网站，可以使用window.navigator.userAgent，判断访问平台，跳转移动端的站点或pc端的站点。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至624739273@qq.com举报，一经查实，本站将立刻删除。
