随笔分类 - 浏览器兼容

VUE判断当前设备是PC还是移动端

摘要：实际开发工作中会经常遇到一个需求，就是判断当前登录网页的设备是PC还是移动，要求PC端和移动端显示的是不同的网页内容。那么我们就需要对当前登录设备进行判断。使用 navigator.userAgent 字符串检测我是在PC端开发完接到要做移动端的需求，而且移动端只有一个页面，我就统一放在了一个阅读全文

posted @ 2020-04-15 16:54 奔跑的太阳花阅读(3791) 评论(0) 推荐(0) 编辑

flexible.js 布局详解

摘要：原文链接：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) 编辑

new Date()传参的浏览器兼容性

摘要：测试以下是在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) 编辑

div里包含img底部多出3px的解决办法

摘要：如果将一个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的特性进行兼容，那么浏览器肯定无法识别我们的ES6代码，好比浏览器根本看不懂我写的let和const是什么阅读全文

posted @ 2018-06-09 10:12 奔跑的太阳花阅读(1616) 评论(0) 推荐(0) 编辑