css*
文章平均质量分 94
JyLie
格物致知
展开
-
CSS3 使用@font-face引入字体的兼容性方案及优化
引入第三方字体一定要注意字体版权问题前言承接上文web 端字体兼容性适配之后,好久没有总结 CSS3 引入字体 @font-face 相关的文章了。一是在掌握 @font-face 的基本使用要领后没遇过兼容性问题,二是觉得 @font-face 已经兼容 ie9+及现代浏览器了,兼容性问题基本可以忽略不计了。事与愿违的是,在多次实战中发现引入第三方字体会出现许多奇形怪状的问题,譬如字体文件的编码问题引发字体可以在桌面系统正常使用而在 Web 端不起作用、字体文件中英文或其他外语的字体行高差异问题、.原创 2022-02-27 14:19:55 · 1013 阅读 · 0 评论 -
npm与yarn使用
持续整理中初始化库步骤:npm init -ynpm install webpack --save-dev查看模块全局安装的所有模块npm list -g当前文件夹安装的所有模块npm list查看指定模块npm list <packageName>npm 的配置项查看配置列表npm config lsnpm config list设置缓存文...原创 2020-02-15 11:30:05 · 410 阅读 · 0 评论 -
使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件
本文出自本人博客使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件本文案例在Github上使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件案例浏览。总结和写作也是需要血汗的,喜欢的请给个star。本案例除了gulp配置sass外还是一个rem适配的案例,如有不妥请大神指正,谢谢~使用gulp+browser-sy...原创 2018-03-17 17:40:42 · 333 阅读 · 0 评论 -
[css][hack][] - 各浏览器下Hack的写法
在Web页面制作中尽量不要使用CSS Hack来处理兼容问题。因为任何浏览器下出现渲染不一致都极有可能是我们自己的结构或样式不符合W3C的某些要求,或者说违背了浏览器的某些规则而造成的,所以我们应该尽量通过结构或CSS的修改来达到各浏览器渲染一致效果,除非到了万不得已情况下,才考虑CSS的Hack。Firefox@-moz-document url-prefix() {.select...原创 2018-07-23 19:05:37 · 202 阅读 · 0 评论 -
[css][实战] - css实用总结
font属性缩写div { font: italic small-caps bold 1.2em/1.0em Arial, Tahoma, Helvetica;}跨浏览器设置最小高度#container { min-height: 550px; height: auto !important; height: 550px;}...原创 2018-07-23 19:06:32 · 206 阅读 · 0 评论