Skip to content

{ Category Archives } 浏览器兼容

H5处理全面屏iPhone底部边距

iPhone 从 X 开始使用全面屏，浏览网页的时候底部会有一条遮住可视区域，为了避免H5页面被iPhone底部条遮住，可以采取以下方案。

iPhone自适应底部

首先，iPhone自带了屏幕安全区域的处理策略，可以使用constant和env两个css特性来获取底部的安全距离，然后通过@sup[……]

继续阅读

2021 04 01 移动web
前端
JavaScript 评论 (0)

IE6、IE7、IE8、Firefox、Chrome、Safari CSS hack兼容一览表

知道CSS的朋友一定听说过CSS hack，现在的浏览器IE、Firefox、Chrome、Opera、Safari。。。百家争鸣，可苦了Web前端开发人员了。

不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可[……]

继续阅读

2019 11 12 前端
CSS 评论 (0)

Google Web 更新(2017年6月)：DOMException The play() request was interrupted

英文原文：DOMException: The play() request was interrupted

你是不是刚刚在Chrome浏览器的控制台Console里遇到了这个未预料的媒体错误？

Uncaught (in promise) DOMException: The play() re[......]
继续阅读
2019 01 03 前端 评论 (0)

IE下载保存base64文件

如果一个超链接的链接地址是一个base64的代码，如下：

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]
继续阅读
2017 08 31 HTML5
JavaScript 评论 (2)

JavaScript浏览器兼容性汇总

JSON：全局对象JSON

IE8+、FF3.5+、Safari4+、Chrome、Opera10.5+

fetch

兼容方案

XMLHttpRequest：var xhr = new XMLHttpRequest()

IE7+、FCOS
兼容方案

input的select事件

IE8[……]

继续阅读

2016 10 25 前端
JavaScript 评论 (0)

localStorage以及cookie以及url的容量

待解决

待解决

待解决

待解决

待解决
待解决

[……]

继续阅读

2016 04 14 前端
JavaScript
待解决问题 评论 (0)

JS遍历数组

使用prototype

[javascript]

var str = [“a”,”b”];Array.prototype.f=function(){}
for(var key in str){

console.log(key + “::” + (str[key] + “”));[……]

继续阅读

2014 10 10 JavaScript
待解决问题 评论 (0)

各大主流浏览器内核

浏览器市场五花八门，各大国内互联网公司也纷纷推出自己的浏览器，其实很多浏览器都是换汤不换药，挂着羊头卖狗肉……下面我们用一个详细的表格列出了现在主流浏览器的一些内核及参数：

市场份额：根据百度流量研究院2017年数据（截至2017.07）

操作系统
名称[……]

继续阅读

2014 09 18 前端
软件 Software 评论 (0)

CSS浏览器兼容性汇总

伪类和伪元素

名称
示例
版本

属性选择器
input[type=text]
IE7+

多类选择器
div.class1.class2
IE8+

透明
rgba() opacity*
IE9+

选择器
nth-chi[……]

继续阅读

2014 09 12 前端
CSS 评论 (0)

CSS清除浮动的方法

1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]

继续阅读

2014 05 03 HTML
CSS
前端 评论 (0)

Mac系统safari设置p标签浮动的问题

可以使用<li>替换[……]

继续阅读

2014 05 03 HTML
前端
CSS 评论 (0)

CSS布局问题总结

经典两栏自适应布局

HTML网页结构如下：

<body>
<div class="left">
</div>
<div class="right">
</div>
</body>
  1. 使用绝对定位。

CSS代码：

.[......]
继续阅读
2014 05 03 HTML
前端
CSS 评论 (0)
▲
TOP