浏览器兼容or多屏幕适应
文章平均质量分 81
Tank_in_the_street
微信公号:我就喜欢摸鱼。在那里分享更多有趣的事情
展开
-
如何让ie8及之前的浏览器兼容HTML5新标签和自己设定的新标签
在所有的浏览器里,如果遇到不能识别的未知元素时,就会把这个元素当做行内元素来处理。这个时候,若是一些不支持HTML5语义化标签的浏览器(IE另讲)或者我们新设了一些新的元素(如),我们可以通过在css中,定义它的样式。如语义化标签:header, section, footer, aside, nav, main, article, figure { display: block;原创 2017-10-05 11:13:36 · 663 阅读 · 0 评论 -
JavaScript中,四种事件绑定方法及attachEvent与addEventListener的区别
我们在对事件进行绑定的时候,除了常用的对元素对象后面通过点加属性来事件绑定,如:a.onclick = function(){ //code} 我们还能通过attachEvent和addEventListener来进行事件绑定,这两个方法是有区别的,前者的这个方法是用在ie6到8的浏览器那里,而后者的方法是用在除了ie6到8的其他浏览器里。这两个方法对于浏览器的兼容来说原创 2017-10-14 12:15:38 · 1117 阅读 · 0 评论 -
JavaScript实现拖拽和解决部分bug
一般来说,实现拖拽的话,拖拽的基本功能是你对某个想要移动的元素进行点击,点击后按住不放进行移动,该元素就会跟着你的鼠标移动,当你把鼠标一松开,则该元素就会定格在那里。一般的实现这个功能要注意两个地方,一是该元素必须是绝对定位,因为绝对定位脱离了文档流,才能够随意的移动;二是如何能够很好的获取移动的坐标,我们获取的坐标是鼠标移动的坐标减去鼠标在该元素距离边框的坐标,比如说我们点击了该元素的中心位置,原创 2017-10-12 16:59:23 · 2954 阅读 · 0 评论 -
js的element中,属性以scroll、client和offset为前缀的属性的区别
下面提的Height和Width是基于W3C标准的。 首先提的是clientHeight和clientWidth属性,这个属性返回的值是该属性作用的元素的高度+上下内边距-滚动条宽度或者宽度+左右内边距-滚动条宽度,不包括边框、外边距和滚动条。但是在ie5却不是这个结果。ie5的clientHeight和clientWidth等于该元素的高度减上下边框减滚动条宽度或者宽度减左原创 2017-10-11 20:41:40 · 598 阅读 · 0 评论 -
JavaScript中documentElement和body的区别及jQuery中实现兼容的原理
在浏览器里documentElement是一个只读属性,返回的是document节点下的子节点,一般是html。而document.body返回的是body。这两个东西在用到获取浏览器的scrollTop等应用时会发现一些不同,下面代码放到有滚动条的页面运行,当你滚动滚动条的时候,看看火狐、谷歌和ie浏览器到底得出什么样的结果。如:console.log(document.document原创 2017-10-16 11:20:14 · 2053 阅读 · 0 评论 -
ie6下如何使得广告窗口不会因为滚动条的滚动而移动
在现实中,网站为了赚钱肯定会有广告,这些广告无论你的滚动条怎么移动都不会移出你的可视区,你总是可以看见这些广告。其背后的原理是通过position的fixed来进行定位的,这种办法除了广告栏,一些导航栏也这样子使用。但是,如果万恶的客户或者老板叫你兼容ie6的情况下,要如何实现呢? 首先要提的是,在ie6下,fixed就变没用了,即使你定好了top和left,它都依然在左上角,并原创 2017-10-16 16:52:15 · 433 阅读 · 0 评论 -
userAgent大全
一、基础知识篇:HttpHeader之User-AgentUserAgent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,UserAgent也简称UA。它是一个特殊字符串头,是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识,用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计;例如用手机访问谷歌和转载 2017-10-16 16:40:47 · 6282 阅读 · 0 评论