随笔分类 -  浏览器兼容

摘要:实际开发工作中会经常遇到一个需求,就是判断当前登录网页的设备是PC还是移动,要求PC端和移动端显示的是不同的网页内容。 那么我们就需要对当前登录设备进行判断。 使用 navigator.userAgent 字符串检测 我是在PC端开发完接到要做移动端的需求,而且移动端只有一个页面,我就统一放在了一个 阅读全文
posted @ 2020-04-15 16:54 奔跑的太阳花 阅读(3791) 评论(0) 推荐(0) 编辑
摘要:原文链接:http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?一起来看看:· 通过rem与px的换算 阅读全文
posted @ 2019-07-04 09:45 奔跑的太阳花 阅读(1479) 评论(0) 推荐(0) 编辑
摘要:下各常用浏览器所使用的内核。 1、IE浏览器内核:Trident内核,也是俗称的IE内核; 2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核; 3、Firefox浏览器内核:Gecko内核,俗称Firefox内核; 4、Safar 阅读全文
posted @ 2019-04-26 16:53 奔跑的太阳花 阅读(1579) 评论(0) 推荐(0) 编辑
摘要:测试以下是在IE9的测试情况 可以看到IE9不支持new Date('2018-1-2')和new Date('123456'),但是支持new Date('2018-01-02')、new Date('2018/1/2')和new Date(123456) 主流浏览器都支持由/分隔的日期格式 需求 阅读全文
posted @ 2018-11-26 11:37 奔跑的太阳花 阅读(259) 评论(0) 推荐(0) 编辑
摘要:普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的。俗话说:没有IE就没有伤害。 贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和补充,本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差异,可以使用 Nor 阅读全文
posted @ 2018-10-12 09:17 奔跑的太阳花 阅读(1013) 评论(0) 推荐(0) 编辑
摘要:响应式布局简介 什么是响应式?同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就好了,缺点是CSS比较重。 如下图所示: 响应式布局方案选择 响应式设计可选择的方案有: CSS3 Media Query(推荐):媒体查询,兼容到 阅读全文
posted @ 2018-10-12 09:16 奔跑的太阳花 阅读(933) 评论(0) 推荐(0) 编辑
摘要:如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢? 问题图: 解决后的效果: 这个Bug真是十分有意思,不过有N多种解决办法! 1、设置div{ font-size: 0} 2、设置i 阅读全文
posted @ 2018-06-30 23:41 奔跑的太阳花 阅读(379) 评论(0) 推荐(0) 编辑
摘要:为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么 阅读全文
posted @ 2018-06-09 10:12 奔跑的太阳花 阅读(1616) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示