vue获取屏幕高度,

  vue获取屏幕高度,

  本文主要介绍如何将vue单页高度设置为100%全屏,有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。

  

目录

  单页高度设置100%,全屏高度设置100%无效。

  

单页面设置高度100%全屏

  很多时候我们给单页面设置高度100%永远不会全屏

  内容支持效果图的高度。

  解决很简单

  创建一个css

  html,body,# app { height:100%;边距:0;填充:0;}

  然后引入global(进入min.js)

  现在看看效果

  

高度设置100%无效

  场景:当单页需要填充整页颜色,且页面高度需要为屏幕高度时,设置height: 100%无效。

  解决方法:设置高度:App.vue中的100%

  //App.vue

  html,正文,#应用程序{

  身高:100%;

  }

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: