浏览器兼容性处理
草巾冒小子
分享[前端技术主页] http://www.lzindex.com/
展开
-
meta 标签大全
web开发的meta标签 - 总结篇总结一些用到的和遇到的,服务以后可能会用到的地方。文章目录web开发的meta标签 - 总结篇一、常见meta标签 ,及含义二、关于icon的端区别及设置三、其余部分一、常见meta标签 ,及含义<!-- 优先使用 IE 最新版本和 Chrome --><meta http-equiv="X-UA-Compatible" co...原创 2018-12-11 16:16:26 · 692 阅读 · 0 评论 -
html 手机浏览器:屏幕适配 - 代码篇
重要代码:<!-- apple强制全屏,显示在状态栏下方 --><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /><!-- UC默认竖屏 ,UC强制全屏 --><meta name="full-screen" conte原创 2020-05-25 01:52:23 · 1144 阅读 · 0 评论 -
关于 “文件上传路径 C:/fakepath (安全机制)” 的解说办法
想必做过文件上传的都遇到过文件上传路径被修改为file:///C:/fakepath的情况!为什么会这样?如何解决?文件上传路径 file:///C:/fakepath 被修改,是因为浏览器(客户端、服务端都有这种情况)的安全机制决定的。可以说这个是一中不成文的规则,是无法修改的。这里引入两篇外文 · 仅供参考:https://blog.csdn.net/qq_29099209...原创 2019-06-26 11:08:28 · 23108 阅读 · 3 评论 -
css文本省略(······)行高错位(bug)- 解决办法
应用css文本省略(······)属性:-webkit-line-clamp: 3; 导致:行高错位。(F12查看发现css属性line-height的值并没变,但为什么浏览器显示文本的实际行距却变小?)样式bug · 截图说明:上面的文字仅仅只是设置了line-height属性;因为: 没有设置height行高属性,所以: 在缩放的时候,导致了这种bug问题现象。这里示例以下...原创 2019-04-02 10:54:36 · 1358 阅读 · 0 评论 -
判断是否为IE浏览器(方法一)
javascript 判断是否为IE浏览器的方法?测试OK.实例demo:&amp;lt;html doctype!&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;l转载 2019-01-31 13:18:58 · 2572 阅读 · 0 评论 -
IE浏览器兼容性处理与提示
IE浏览器兼容性提示这里只给大家介绍简单的提示方式:js弹框提示或者HTML页面的文字提示: html代码 1 : <!--[if lte IE 8]><style type="text/css"> .items-btn{display:none;}</style><script type="text/javascript&原创 2017-08-09 15:28:20 · 1417 阅读 · 0 评论 -
360浏览器 - 自定义切换内核 meta标签 总结
为了避免用户360浏览器查看网站出现不兼容导致页面显示错位等显示bug往往需要通过代码自定义选用内核,这样避免不会切核的用户出现反感······代码设置,通过开发者来完成 ,比用户完成来的实在!内核控制标签meta> 如您是网站的开发者,可以通过在页面 `<head>` 标签中添加代码,来指定网站的模式若页面需默认用极速模式,增加标签:<meta nam...原创 2018-10-15 11:45:24 · 2725 阅读 · 0 评论 -
如何解决IE6双边距问题?
解决IE6中浮动元素的margin双倍边距问题IE6中,第一个浮动到父元素边上的元素,如果含有该方向的margin值,那么margin会以双倍显示。即:浮动元素的左边距在IE6上为所设定的左边距的两倍。这个问题只会发生在浮动行的第一个浮动元素上。准确的说:应该是每一行的第一个元素都会受此影响。为了解决该问题,需要给浮动元素添加属性display: inline,即可解决。除...原创 2018-07-02 10:15:16 · 1226 阅读 · 0 评论 -
css hack惯用手法
什么是css hack?原创 2018-06-28 15:58:07 · 477 阅读 · 0 评论 -
如何解决IE6的3像素问题?
当相邻的两个元素,一个是浮动的,另一个非浮动,那么在IE6 下面将会产生3像素bug。&gt;原创 2018-07-24 14:09:21 · 628 阅读 · 0 评论 -
360浏览器自定义切核功能
360浏览器内核的选择:作为前端开发的浏览器兼容性处理,一直是一个程序员的不可规避的烦恼。 今天,就讲一下:360浏览器的自定义切核功能案例截图如下(兼容模式下):详情说明: 360安全浏览器现有两种内核模式,即“极速模式”和“兼容模式”。极速模式 “极速模式”是以Blink(Webkit)为内核的浏览模式,Blink内核具有更高的网页浏览速...原创 2018-07-24 14:11:21 · 1021 阅读 · 0 评论 -
关于微信内置浏览器,打开图片上传功能,调用的问题
关于微信内置浏览器,打开图片上传功能,调用的问题前段时间,项目完结测试的时候,同事打开魅族手机测试,无意中发现一个奇葩的问题! 描述:显示的是文件系统,列表式的,没有调用相机的功能图标,为什么呢?(忘记截图了) 后来发现,是因为手机系统的设置原因;而并非是因为页面的代码问题。先给大家看一下我手头的其他机型 的打开效果:01. HUAWEI 荣...原创 2018-04-27 02:45:36 · 13041 阅读 · 6 评论 -
IE下 显示图片会多出一个边框的问题
IE浏览器下,有的图片会出现一个多余的边框注意: * 你的图片是否为超链接? *如果,图片 <img> 标签的父元素中有<a>标签,那么在ie浏览器下查看图片的时候,一般情况下,图片会出现一个多余的外边框;这样一来,就显得尤为尴尬,尤为难看;下面我们来看一下,IE8浏览器下,不同代码下,几种效果图:css样式代码如下:...原创 2018-03-27 12:07:38 · 2194 阅读 · 3 评论 -
IE浏览器 对 jquery版本的兼容性 支持
IE浏览器存在多种兼容问题掌握技巧,不再害怕IE浏览器 对 jquery版本的兼容性注意: ie9 / ie8 / ie7 …版本的IE浏览器,不兼容jquery中的部分属性方法;以 jquery.1.7.2版本为例:问题描述,示图如下: 代码块简略,示图如下: html文件,部分代码如下:...部分省略...&lt;script src='js/j...原创 2018-03-24 11:30:27 · 29443 阅读 · 0 评论 -
IE8 打开网站首页显示的却是手机网站
IE浏览器存在多种兼容问题掌握技巧,不再害怕用IE浏览器 打开网站首页,为何首页显示的是手机端页面?注意:当前使用的是 IE8及其以下版本的ie浏览器下面给出名称为:CheckMobile.java文件中部分代码(编译之前),具体示下:JAVA代码块,如下:...部分省略...package com.fh.util;import java.util....原创 2018-03-24 10:32:44 · 1240 阅读 · 0 评论 -
常用IE浏览器的兼容处理(方法一)
IE浏览器存在多种兼容问题掌握技巧,不再害怕html代码块代码块语法遵循标准markdown代码,例如:<!DOCTYPE html> <!--[if lt IE 7 ]><html class="ie6"><![endif]--> <!--[if IE 7 ]><html class=&quo原创 2018-03-22 14:54:15 · 798 阅读 · 0 评论