博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
调了一天的兼容总结下
阅读量:5766 次
发布时间:2019-06-18

本文共 586 字,大约阅读时间需要 1 分钟。

1、display:flex的兼容;

 

 

2、input类型type=text时 IE会出现右侧一个大叉号,清除 input[type=text]::-ms-clear{display:none};

3、calc()的兼容:safari在5.1以下无法使用,必须用position:fixed+js模拟;或者position:absolute+js模拟;

4、一个必须固定位置的div,如何 定在一个位置,不管浏览器如何变大变小位置都不变。一般我们做法是position:fixed。上下可以控制,左右可以通过salc()计算得到。但是safari5.1以下不支持,所以其他通用方法可以试试以下方法

:改为position:releative;这样左右就可以根据父元素定位不受影响了;上下要用过js 让这个div距离顶部的距离-scrolltop给 top值。

写不完了 明天写上面2的。

5、letter-space 字之间的距离;word-space 词之间的距离;

6、让一个元素position:absolute;相对于父元素在一个位置;父元素pos

ition:releative;并且margin:0 auto;这样这个元素就一直在这个位置,无论屏幕变大变小;

转载于:https://www.cnblogs.com/gaidalou/p/6023543.html

你可能感兴趣的文章
bs4取数
查看>>
Maven安装以及为Eclipse指定Maven
查看>>
校园火灾Focue-2---》洗手间的一套-》电梯
查看>>
css控制文字换行
查看>>
ASM的文件管理深入解析
查看>>
bzoj1913
查看>>
烂泥:VMWare Workation双网卡配置IP地址
查看>>
bzoj2301(莫比乌斯反演)
查看>>
【转】对于HttpClient和HtmlUnit的理解
查看>>
L104
查看>>
深入理解脚本化CSS系列第四篇——脚本化样式表
查看>>
分镜头脚本
查看>>
ASP.NET中的cookie编程技术
查看>>
链表基本操作的实现(转)
查看>>
邮件发送1
查看>>
[转] libcurl异步方式使用总结(附流程图)
查看>>
编译安装LNMP
查看>>
git学习,git上建立自己的项目
查看>>
[转]基于display:table的CSS布局
查看>>
企业级 SpringBoot 教程 (二)Spring Boot配置文件详解
查看>>