vue body边距
时间: 2023-11-04 18:56:18 浏览: 43
在Vue中设置body的边距可以通过CSS来实现。你可以在全局的样式文件(例如App.vue)中添加以下样式:
```
<style>
body {
margin: 0;
padding: 0;
}
</style>
```
这样就会将body元素的边距设置为0,消除默认的边距。
相关问题
vue-print-nb设置打印边距为无
可以通过在`extraCss`中添加CSS样式来设置打印边距为无。具体操作如下:
```javascript
print: {
id: 'myPrint',
popTitle: '付款审核表',
extraHead: '',
extraCss: `
@page {
margin: 0;
}
@media print {
body {
margin: 0;
}
}
`,
},
```
在`extraCss`中添加`@page`和`@media print`两个样式,分别用于设置页面边距和打印时的边距。其中`margin: 0`表示将边距设置为0。这样就可以将打印边距设置为无了。
vue 移动端浏览器全屏展示
你可以使用以下 CSS 样式来让 Vue 移动端应用在浏览器中全屏展示:
```css
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#app {
width: 100%;
height: 100%;
}
```
这样,`#app` 元素会占据整个浏览器窗口的宽和高,实现全屏展示效果。同时,通过将 `body` 元素的 `margin` 和 `padding` 设为 0,可以避免浏览器默认的页面边距影响全屏展示效果。`overflow: hidden;` 则可以禁止页面滚动,确保用户无法滚动到页面外部。