重置css中要写的东西

pc端时候:

移动端时:

.html{ -webkit-text-size-adjust:none; }                /*禁用iPhone中Safari的字号自动调整*/

a{ -webkit-tap-highlight-color:transparent;}       /*A点击有黑色背景*/(注意:transparent与前面的:之间,不允许有空格。切忌切忌,不要加空格。)

Vue项目中重置CSS样式通常指的是将浏览器的默认样式重置为统一的状态,这样可以确保在不同的浏览器中网页的呈现效果尽可能一致。这通常通过使用CSS重置样式表(reset.css)来实现。在Vue中,你可以通过以下几种方式来重置样式: 1. **使用第三方库**:比如normalize.css,它是一个流行的CSS重置库,旨在保护有用的默认值而不是“零”(即不删除所有默认样式),并通过合理的方式进行样式修正。 2. **编自定义reset.css文件**:创建一个自定义的CSS文件,在其中编规则以覆盖默认的浏览器样式。例如,你可以设置所有的内边距(padding)和外边距(margin)为0,统一字体大小,重置列表样式等。 3. **在Vue组件中设置局部样式**:如果只需要重置特定组件的样式,可以在该组件的`<style>`标签中添加重置样式。使用`scoped`属性确保样式只应用于当前组件。 4. **使用Vue单文件组件的<style>标签**:在`.vue`文件的`<style>`部分,可以直接添加reset.css的代码,或者链接外部reset.css文件。 举个简单的例子,你可以在项目中创建一个`reset.css`文件,并在其中添加以下基本的重置样式: ```css * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; } ul { list-style: none; } a { text-decoration: none; } button { border: none; background: none; cursor: pointer; } ``` 然后,在Vue项目中的入口文件(如`main.js`或`app.js`)中引入这个`reset.css`文件: ```javascript import './assets/css/reset.css'; ``` 这样,整个Vue项目的默认样式就会被重置
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值