H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】vue.js App.vue 怎么设置宽度100%?

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

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

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

clipboard.png

回答:

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

回答:

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

回答:

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

本文地址:H5W3 » 【Web前端问题】vue.js App.vue 怎么设置宽度100%?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址