CSS
文章平均质量分 51
Bonrui
这个作者很懒,什么都没留下…
展开
-
HTML input placeholder的样式设置
placeholder兼容写法:::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink;}::-moz-placeholder { /* Firefox 19+ */ color: pink;}:-ms-input-placeholder { /* IE 10+ */ color: pi原创 2018-01-12 19:53:00 · 11639 阅读 · 0 评论 -
H5 手机页面字体显示大小与css设置不一致,viewport影响font-size问题
css设置字体大小后在手机端查看字体偏大。经过排查排除css优先级和js的问题。经过分析可能是浏览器的功能,经过搜索发现确实如此。这个特性被称做「Text Autosizer」,又称「Font Boosting」、「Font Inflation」,是 Webkit 给移动端浏览器提供的一个特性:这个特性是为用户因页面内容多而缩放页面导致字体变小看不清楚而设计的。目的是为了让用户缩放页面后保原创 2018-01-12 20:40:29 · 9062 阅读 · 0 评论 -
css 常用操作
transform限制position:fixed的跟随效果元素设置position:fixed后大家都知道可以让元素不跟随滚动条滚动,但是transform可以把position:fixed干掉让其降级成absolute。如下面代码: 本身应该不动的图片因为父级设置了transform而变成了absolute的效果。更多transform影响css的介绍请参考:原创 2018-01-12 20:58:14 · 4887 阅读 · 1 评论 -
Vue配置和使用scss/less
vue配置sass1:安装npm install node-sass --save-devnpm install sass-loader --save-dev2:配置webpackvue1.0配置webpack中module的loaders为:{ test: /\.vue$/, loader: 'vue-loader', options: { lo原创 2018-01-16 14:55:25 · 1454 阅读 · 0 评论 -
字体文件检查工具Webfont Generator
一、Webfont Generator有时候我们下载的字体文件.ttf .svg .woff .eot可能是损坏的文件,这种情况往往我们正确使用了但是字体不显示。这种情况我们可以借助Webfont Generator工具来检查一下字体文件。二、使用打开网站https://www.fontsquirrel.com/tools/webfont-generator提交字体文件如果正常...原创 2018-11-01 09:33:03 · 3691 阅读 · 0 评论