pc端页面如何在移动端上自适应缩放？例LOL官网

Question

pc端页面如何在移动端上自适应缩放？例LOL官网
PC端这样显示：

移动端：

Answer 1

响应式页面，bootstrap可以实现，只有内容量小的网站才会用这种适配，一般的大型网站都是开发两套页面。

Answer 2

更：

这不就是没改嘛。。，没有自适应

---

用媒体查询，@media

Answer 3

默认不加viewpoint就是这样的，但是做的时候要注意，整体布局中心内容要在一个宽度内容，比如.wrap{width:1200px}，整体内容在这里面别超出，要不然有些超出，效果就会比较差了，页面会比较乱。

Answer 4

不要在头部添加<meta name="viewport" content="width=device-width, initial-scale=1.0" />就可以实现了