最近项目中遇到的问题以及解决办法

这个是将iphone手机的数字默认颜色和下划线去掉

	<meta name="format-detection" content="telephone = no" />

 

兼容各种浏览器的flex布局方式，但是IE8不会兼容flex布局，只好先用浮动来解决

        display: box;
        /* OLD - Android 4.4- */
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */

　　

解决移动端ios的input的默认样式

        -webkit-appearance:none;

　　

兼容各个浏览器的现实以及IE的显示

<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta name="renderer" content="ie-comp">
<meta name="renderer" content="ie-stand">