vue.js App.vue 怎么设置宽度100%？

Question

网站在浏览器看样式是正常的，可是在手机里看 div#app 宽度只有400像素，本来设定的100%啊。
看了下index.html里的meta是这样写的：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

而且奇怪的是，页面中间一部分是正常100%宽度。 好久没写前端都忘光了。。求指点~

Answer 1

如果你想要手机和电脑浏览一样的话，就去掉width=device-width；
400px应该是自动适配了你手机的宽度；最好定个min-width

Answer 2

先搞清楚 % 这个单位吧，这个单位是根据父元素的宽高来百分比计算，如果父元素没有设置宽高的话，子元素使用 % 是无效的，楼上方法可以解决

Answer 3

html,body,#app{
width:100%;
margin:0;
padding:0;
}