如何把普通的pc网页改成自适应的网页？

Question

拿的设计稿是1920，里面的块和文字非常大（大标题40px 文本内容25像素），我按照普通网页那么做出来，产品很不满意，说里边的内容太大了，要自适应屏幕。但是我以前做的都是手机端通过rem来自适应。
pc端我该怎么自适应呢？
就算通过media 我该怎么知道每个区间显示多大的字体呢？设计只是给我设计稿什么都没给我说，我该怎么去修改呢？

Answer 1

网页自适应，首先要明确一点，就是图片的设计风格是否适合做自适应。
自适应，不是所有的都是自适应的，自适应的，应该是网页中的某个模块或者布局的自适应。在PC上，很少做文字的自适应吧。

Answer 2

如果没有提供自适应后的设计的话，就按着自己的经验来，保证在各个分辨率下看着舒服就好。

Answer 3

也用rem啊，你这问题要解决现阶段最完美的就是rem了吧。rem + js 去换算根字体大小

---

不过按设计的理念来讲，字体大小无论PC还是手机都不该自适应啊。字体应该写死，因为用户在设备上浏览的适合字号和屏幕大小没关系，大小屏都是同样大小的字舒服。
例如，淘宝pc端的自适应，现在就是写死px的两套方案切换，根据一个屏幕大小的临界值去判断用什么尺寸。你可以拿淘宝的去找产品说，让他给你出两套尺寸。而且都要主流的屏幕尺寸，1920也太大了。

---

不然非要做就rem了吧。都用rem，用Js动态获取屏幕尺寸，然后换算比例改变根字体大小。可以是特定比例，也可以学淘宝，找一个临界值，给根字体大小两个尺寸。

Answer 4

建议： 1. 跟产品沟通好，讲好需求，一般这种是适应全屏，主要说的是背景图 banner 等等 对于字体大小一般是不变的。

  2. media 是针对屏幕分辨率发生了变化  想1920  1200 之类的去用的。
  3.现在pc默认给的设计搞是1920的，这是正常的。但我们要做的是主体内容宽度的设定，举个例子。box1是整个屏幕  box2是主体内容以1200为例   box1 weidth：100%；  box2:width：1200px; margin:0 auto; 
  4.沟通好再动工很重要。

Answer 5

缩小到1280写啊

Answer 6

Pc其实你可以一样按照rem做啊