前端-css
panling_dml
这个作者很懒,什么都没留下…
展开
-
适配处理iphoneX底部的横条
iphoneX手机取消了实体Home键,取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候,一部分元素可能就被这个横条遮挡住,怎么适配解决呢?第一步: <meta name=“viewport” content=“width=device-width, viewport-fit=cover”> 第二步: 页面主体内容限定在安全区域内,如果不设置这个值,可能存在小黑条遮挡页面最底部内容的情况 body { pa.转载 2020-08-31 15:56:01 · 1436 阅读 · 0 评论 -
IE11下,<!doctype>声明加html不能加载css的问题
系统版本win10,在html中头部声明,IE11下不能加载css,搜了下,是注册表的问题。把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了,原来的值是application/x-css原创 2017-11-09 10:05:27 · 4417 阅读 · 0 评论 -
css优先级
看《CSS 揭秘》一书提到不要滥用!important打补丁,如果你熟知CSS优先级的话,然后搜了下css优先级,找到了说的比较好的,记录一下。 特指度 特指度(specificity)。特指度表示一个css选择器表达式的重要程度,可以通过一个公式来计算出一个数值,数越大,越重要。 这个计算叫做“I-C-E”计算公式,I——Id;C——Class;E——Elemen转载 2017-10-26 16:37:17 · 226 阅读 · 0 评论 -
页面中有iframe会被撑高
今天做的网页发现,iframe宽高是100%时,布局会被撑高一点距离,找半天不知道这点距离是怎么出来的,margin、padding都设为0,没用,后来上网搜了下,有一样困扰的同学,然后他找出原因了,把改为就可以了,试了下,果然靠谱!原创 2017-11-13 15:26:51 · 820 阅读 · 0 评论 -
解决vue-cli打包时背景图片丢失问题
需要更改build/utils.js的配置,如图至于为什么背景图有的打包后存在,有的丢失,那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了,直接引,而背景图片里用的是相对路径最后会直接替换成static,但是明显路径会有问题,所以得配置下...原创 2018-04-26 09:53:08 · 3742 阅读 · 0 评论 -
关于transition max-height
今天做项目用到max-height触发动画,是有个二级菜单展开收缩,由于不想计算高度所以用的max-height,然后就发现展开的时候是及时的,但是收缩会等待别的展开后才收,效果不是很好,找不到原因,改为height后是同时进行的,在此记录下...原创 2019-01-16 11:00:28 · 1884 阅读 · 1 评论