为什么加了meta标签还是在手机端还是不显示全部的页面

Question

这个网站

为什么加了meta标签还是在手机端还是不显示全部的页面

==============分割线===================
可能我刚才的描述不是很具体，
就是谷歌浏览器F12后换成手机能看到页面的全部。
就比如www.163.com一样不是移动端的页面 只要能看到网页的全部内容就行。
现在能看到的只是一块。

Answer 1

你把这个meta标签去掉就行了，你没有对手机做适配就不需要加这个
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" class="__web-inspector-hide-shortcut__">

Answer 2

这段CSS错了。

Answer 3

body{
    width：100%
}

不要把所有的width都用px值写死了，hack设置根元素的px，然后其他的宽度单位使用rem

Answer 4

改变body值不行 - -。

Answer 5

@media only screen and (max-width: 320px){html{font-size:12px;} }等用媒体查询条件加rem去重新适配你这个网站吧.看看这个文章：http://isux.tencent.com/web-a...

Answer 6

.container {

position: relative;
width: 1200px;
margin: 0 auto;

}
这里也错了
整个样式就是pc版本的。你要把所有px单位的宽度全修改成百分百或者rem的

Answer 7

这个静态页面几乎所有的width都是大于1200px,在手机显示全才怪呢，先在chrome上模拟手机调试完之后再用手机去看看，改的地方感觉还不少。一家之言，仅供参考