PC居中布局，所有样式使用绝对宽度高度px，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分移动设备另外建立移动网站，单独设计一个布局，使用不同的域名如wap或m在移动端开发中。

在实际应用中，pc页面需要实现响应式的比例缩放即自适应，rem灵活布局是一种现实而理想的解决方案移动端可以用rem布局，也可以用px主要是flex，这要看产品是怎么设计的Css3规定1rem的大小是根元素lthtml的字体。

1固定宽度布局为网页设置一个固定的宽度，通常以px做为长度单位，常见于PC端网页2流式布局为网页设置一个相对的宽度，通常以百分比做为长度单位3栅格化布局将网页宽度人为的划分成均等的长度，然后排版布局。

电脑显示比例调整到100%步骤如下1在桌面上右键单击并选择“显示设置”2滚动屏幕向下，并单击“高级显示设置”3滚动下来到“缩放和布局”部分，选择“比例”并将其调整为“100%”4单击“应用”并重启电脑。

首先说下移动端的布局rem布局rem是指html元素上的字体大小对应的像素数值，使用rem为长度单位理想情况下如果将所有的长度单位都用rem标示，那么我只需要更改html上的fontsize即可同步按比例更改所有长度单位包括。

2百分比布局 通过百分比单位，可以使得浏览器中组件的宽和高随着浏览器的高度的变化而变化，从而实现响应式的效果Bootstrap就是一个好的拓展3rem布局 rem是css3新增的单位，rem单位都是相对于根元素html的fontsize来。

2流式布局 流式布局使用的是百分比，这位网页提供了很强的可塑性和流动性，与固定宽度布局基本不同点 就在于对网站尺寸的侧量单位不同屏幕分辨率变化时，页面里元素的大小会变化而但布局不变，这可能导致如果屏幕太大。