今天遇到一个问题,一张图片, 满屏显示, 要适应不同的手机屏幕大小, 第一次用的。 background-size: cover发现 手机小米2S, 背景图片, 会失真,解决办法是 background-size: 100% auto下面是 其它的 各个属性:
分类:
Web程序 时间:
2015-07-15 12:59:44
阅读次数:
129
经测试ie7 上面不支持onhashchange事件,导致本路由解析失效。 解决办法 使用定时器监听url的变化 然后触发hashchange src目录下新建文件 1-ieadaptor-all.js ?此文件经过build.js会在js目录下生成ieadaptor.js文...
分类:
Web程序 时间:
2015-07-14 00:16:15
阅读次数:
248
众所周知,360浏览器拥有三种模式,极速模式(chrome内核)、兼容模式(IE兼容内核)、标准模式(IE标准内核),我们可以根据需求让网页默认使用某种内核打开。 360浏览器为我们提供了很简单的解决办法: 默认用极速内核打开,增加标签: 默认用IE兼容内核打开,增加标签: 默认用IE标...
分类:
Web程序 时间:
2015-07-08 22:25:32
阅读次数:
155
css3背景1. background-size2. background-origin3. background-clip示例:className{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 .....
分类:
Web程序 时间:
2015-07-06 16:02:31
阅读次数:
143
1. 理想中的效果是这样的2. 然后想改一下圆圈的大小3. 容器大小为偶数,图片大小为奇数,就会使图片并不真正居中,如果仔细量一下,会发现图片上面比下面多1px!貌似只有 background-size: 100% 100%; 可以解决这个问题:
分类:
其他好文 时间:
2015-07-02 15:23:15
阅读次数:
80
今天帮别人调代码时,看到一个样式:background-position: 50% 0;background-size: 100% auto;对background-size:100% auto,意思是背景图片宽度为元素宽度*100%,高度等比缩放。详情可见css3 background。对back...
分类:
其他好文 时间:
2015-06-30 23:18:23
阅读次数:
238
本篇为总结开发过程当中遇到的各种IE兼容性的小问题,比较复杂的会单开一篇文章来讲解。另:我手头目前只有原生IE8,原生IE9,原生IE11,以及IE11模拟的IE5,7,8,9,10。因IE6太过古老而不再进行测试。无法使用jquery的outerHTML的方式创建含有href属性的a标签(IE5-...
分类:
其他好文 时间:
2015-06-26 14:49:04
阅读次数:
147
直接上代码:
没有修改之前的代码
var ajaxPost = function(url,data,callback){
$.ajax({
type: 'POST',
url: url,
data: {"data":data},
dataType:...
分类:
其他好文 时间:
2015-06-19 16:55:23
阅读次数:
317
1:让低版本IE兼容H5标签 解决方案:引入一个插件:html5.js,(除了媒体播放器), 项目写法:1 2 3 4 View Code 文件下载地址:https://github.com/awarriorer/compatibilityLowVersionForIE/2:让低版...
分类:
其他好文 时间:
2015-06-19 11:47:29
阅读次数:
135
最初的代码:1 .container_first {2 width: 100%;3 height: 100%;4 background: url(10176581.jpg);5 background-size: cover;6 position: relati...
分类:
Web程序 时间:
2015-06-18 21:29:22
阅读次数:
263