PC页面等比例缩放布局

Question

pc页面宽高都要随着屏幕的大小改变

给的是1366的设计图

Answer 1

自适应？还是包括字的大小之类都变化，如果是后者，太麻烦了。

Answer 2

你这情况，建议用rem代替px。然后用媒体查询，去控制font-size值的大小

Answer 3

给的是1366那就是最小宽度满足1366屏幕，大于的，就百分比自适应。具体内容具体设置宽度

Answer 4

弹性布局？用rem

Answer 5

也可以考虑vw和vh这两个单位的使用。配合min-width,max-width使用。或者Grid Layout。各种设备上通常高度上都没有什么限制，设计上的限制主要是宽度上。像Bootstrap那种自适应都是基于媒体查询的。如果不同宽度下的展示差异比较大就需要借助媒体查询了。