![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
兼容性
脚下的黑珍珠号
With his sword to rule the world
展开
-
CSS 多浏览器兼容性问题及解决方案
1、DOCTYPE 影响 CSS 处理2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式4、div 的垂直居中问题: vertical-ali转载 2016-11-02 16:50:34 · 294 阅读 · 0 评论 -
li没去除默认样式(list-style:none;)会导致图片不被包括在内;
正常按需求图片应该被包含在蓝色阴影内,之所以出现这个问题就是应为那个黑点默认样式没有添加之前遇到这种情况是因为img没转块级元素,和今天的情况不一样,今天这个已经给img{ display:block; }...原创 2018-06-29 13:58:22 · 2956 阅读 · 0 评论 -
移动端小尺寸样式如何处理
这种小尺寸定位的图标尽可能把高度写死,我遇到一种情况是在6p下底边隐藏了,不要用rem。要是用要把每一区域的尺寸都换成rem,不然比如文字你不设定高度当在大屏幕下就会下移动,将下面区域挤出盒子原创 2017-12-01 09:19:24 · 268 阅读 · 0 评论 -
after,before兼容性问题
在安卓6.0.1、EUI5.9.026S下(乐视le x528),元素宽度变大,高度设置为 .01rem。伪元素after定义的实线不显示。见下图rem引用如下: // 动态设置html的rem(最好放在这里,不然样式加载出来没进行单位换算,整体样式会紧凑在一起。) document.documentElement.style.fontSize = document.documentElem原创 2017-12-01 17:22:30 · 4471 阅读 · 0 评论 -
苹果安卓的高度不兼容
测试机为乐视le x528,iphone6p,博客的名命的不准确 具体原因是因为没有设置行高这导致了一段标题在苹果和安卓显示出不同的结果。 一段问题不设置行高在苹果和安卓中显示出的结果是文字行与行之间的间距不同安卓间距略小,苹果略大下面图片是没有设置行高,代码如下 // 乐视下的效果,苹果的图我就不传了,苹果在不设置行高的情况下行与行之间的间距要比这个图片的间距要大 width: 3原创 2017-12-04 09:51:24 · 1575 阅读 · 0 评论 -
safari 浏览器window.history.go(-1)运行无效解决办法
解决方法很简单!加上return false; 就可以了<a href="#" class="back" onclick="javascript: window.history.go(-1);return false;"></a>原创 2017-07-04 14:08:51 · 11203 阅读 · 2 评论 -
设置input placeholder文本的样式
placeholder 属性是 HTML5 中的新属性。规定帮助用户填写输入字段的提示。兼容火狐和webkit,需要加上前缀(见下代码)。IE从IE 10开始支持placeholder属性。代码//谷歌#set-placeholder-webkit::-webkit-input-placeholder { color:#00f; background:red; t原创 2017-06-02 15:11:03 · 492 阅读 · 0 评论 -
HTML5 新模块元素的兼容问题
HTML5 新模块元素的兼容问题新增块元素的默认样式下列HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题,给下列元素添加“block”显示属性。代码:article, aside, details, figcaption, figure, footer, header, hgroup, main, na原创 2016-11-13 18:17:10 · 736 阅读 · 0 评论 -
安卓系统缓存input的value值,ios系统不缓存
禁止浏览器缓存input值方法一 在不想使用缓存的input框内加入 autocomplete=”off”;<input type=text autocomplete="off" name='test' />方法二 在 input 所在的form标签中添加 autocomplete=”off”; <form action="#" autoco...原创 2018-07-05 17:12:27 · 486 阅读 · 0 评论