兼容性
移动设备强制横屏显示以及兼容问题
在移动设备中，有一些H5由于需要用户横屏查看的，常见的做法是检测屏幕方向，然后提示用户旋转屏幕查看，这样子虽然可以，但如果用户是固定了屏幕的，那么体验就比较差了，本文分享让页面一进来就强制横屏方向显示的代码及遇到的问题解决方法。
判断移动设备的横屏和竖屏最佳方案
之前写的文章：使用JavaScript判断手机是处于横屏还是竖屏，最近的一个项目需要判断这个，但在chrome的调试模式中发现横屏和竖屏使用上面的代码并不能检测到，所以我认真做了一些了解，本文分享一个合适的代码来判断横屏和竖屏。
从浏览器UA判断IE浏览器及版本
最近使用了ES6的一些特性，然后因为要兼容IE浏览器，比如promise和fetch等，我引入了一个polyfill.js，然后我使用特性来检测IE浏览器的版本。但由于polyfill.js修复了IE的这些缺陷特性，使得我无法得到正确的IE版本。本文分享另外两种检测IE浏览器的代码。
CSS overflow-x与overflow-y不同的兼容
问题描述 当一个元素的 ‘overflow-x’ 或 ‘overflow-y’ 指定值为 ‘hidden’，另一个特性的指定值为 ‘visible̵ ...
IE6下 select z-index无效而遮挡div
在IE6下，select是一个浏览器控件，有一个诡异的bug，那就是z-index无效，当出现弹窗在select上面时，select会诡异的出现在你的最前面。 解决方法有三种： 1.用 iframe 包裹 select 元素 使用ifram ...
兼容IE6的min-width和min-height
IE6 不兼容min-width，但我们可以通过IE的一个特性，就是能够根据内容的宽度或者高度自动扩充盒子的大小。一些人用CSS表达式来写，但更多的人也许会用IE6特有的hack来表达。今天分享一个不用ie hack的代码，而是利用ie7等 ...
CSS多行文字垂直居中的两种方法
一种使用相对定位和绝对定位，一种添加了一个空白的标签进来，推荐使用第二种，兼容性比较好，并且代码简单
window对象方法与函数重名的bug
在项目使用中定义了scrollTo(),这个函数，发现在Firefox下不起作用，查了之后才发现原来window里面就有这么一个方法，改为别的名字后，果然可以运行了。记住以后不要使用下面这些window的方法来命名函数名，否则会出现一些不可意料的bug.
CSS实现1像素div高度兼容IE6
在IE6中如果使用height:1px定义一个盒子的高度，会出现比1像素更大的误差，如果实现兼容，本文说到三种方法能够帮助你。
JavaScript判断IE浏览器版本IE6,IE7,IE8
前端开发中常常会和IE打交道，本文将介绍如何使用JavaScript来检测IE浏览器的每个版本，包括IE11、IE10、IE9、IE8、IE7、IE6等更旧浏览器，并且还可以叠加，如IE10及以下，IE8及以下，IE6及以下，IE11或者非IE浏览器。