Vue 界面空白边距问题

最新推荐文章于 2023-09-15 12:31:24 发布

来点好运0v0

最新推荐文章于 2023-09-15 12:31:24 发布

阅读量1.7k

点赞数 4

分类专栏： Vue 某不知名Bug 文章标签： vue.js

本文为博主原创文章，转载请写明出处哦。

本文链接：https://blog.csdn.net/qq_35936174/article/details/121507793

版权

Vue 某不知名Bug 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题
vue项目上下左右有一些空白边距，影响效果

原因可能是使用了ElementUI的el-main组件

解决方式

在public/index.html中修改

  <style>
          body{
              margin: 0;
              padding: 0;
          }
      </style>

<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
      <style>
          body{
              margin: 0;
              padding: 0;
          }
      </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>

来点好运0v0

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
Vue 界面空白边距问题

问题vue项目上下左右有一些空白边距，影响效果原因可能是使用了ElementUI的el-main组件解决方式在public/index.html中修改 <style> body{ margin: 0; padding: 0; } </style><html lang=""> <head> <meta char.
复制链接

扫一扫

专栏目录