随笔分类 -  html5 css3

1 2 下一页
让一元素吸底
摘要：#loadimg{ bottom: 0; left: 50%; position: fixed; transform: translateX(-50%); width: 100%; max-width: 600px; } 阅读全文
posted @ 2016-04-19 15:21 328201736 阅读(222) 评论(0) 推荐(0)
视频处理
摘要：•外链视频（搜狐视频、优酷视频等第三方外链） 如下图， 想用优酷的视频， 分享的时候， 有一个链接， 复制就可以用。 如何写兼容的视频标签？ 由于旧的浏览器和Internet Explorer不支持<video>元素，考虑到兼容性，我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是， 阅读全文
posted @ 2016-04-05 15:34 328201736 阅读(202) 评论(1) 推荐(0)
取消chrome浏览器下input和textarea的默认样式
摘要：chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。 取消chrome下input和textarea的聚焦边框： 取消chrome下 阅读全文
posted @ 2016-04-01 13:57 328201736 阅读(989) 评论(0) 推荐(0)
HTML5[5]：在移动端禁用长按选中文本功能
摘要：在手机浏览器中，长按可选中文本，但如果在应用中，会给人一种异样的感觉，最好还是禁用此功能为上。 阅读全文
posted @ 2016-03-29 12:13 328201736 阅读(364) 评论(0) 推荐(0)
localStorage 与 sessionStorage
摘要：  阅读全文
posted @ 2016-03-15 16:11 328201736 阅读(166) 评论(0) 推荐(0)
h5 音乐播放
摘要：无标题文档你的浏览器不支持HTML5 开始 阅读全文
posted @ 2016-01-26 17:10 328201736 阅读(308) 评论(0) 推荐(0)
h5+分享到微信、朋友圈代码示例
摘要：(function(window) { var Share={}; Share.info = { id: '', name: '', head_image: "_www/images/icon/A/144.png", introdu... 阅读全文
posted @ 2015-12-11 17:16 328201736 阅读(14303) 评论(1) 推荐(1)
IOS 下字体 PC 上
摘要：.os_mac { font-family: "Microsoft YaHei"; /*font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hir... 阅读全文
posted @ 2015-09-01 14:19 328201736 阅读(210) 评论(0) 推荐(0)
图片垂直居中在中间
摘要：图片垂直居中在中间 阅读全文
posted @ 2015-07-22 17:17 328201736 阅读(232) 评论(0) 推荐(0)
css背景图片拉伸 以及100% 满屏显示
摘要：今天遇到一个问题，一张图片， 满屏显示， 要适应不同的手机屏幕大小， 第一次用的。 background-size: cover发现 手机小米2S， 背景图片， 会失真，解决办法是 background-size: 100% auto下面是 其它的 各个属性： 阅读全文
posted @ 2015-07-15 11:34 328201736 阅读(715) 评论(0) 推荐(0)
对于解决 缓存问题
摘要：最近测试发现，网路还有缓存，软件升级后，用公司的网下载还是之前的版本，不过最后发是网络有缓存问题。解决办法是 ：在下载地址后面加上时间戳就像拼 GET() 方式一样。例如：var data=new Date().getTime();window.load.href="../load/load.rar... 阅读全文
posted @ 2015-07-13 13:46 328201736 阅读(195) 评论(0) 推荐(0)
HTML5 隐藏地址栏 兼容IOS 与安卓
摘要：现在有一个问题： 如果手机是 一屏一屏的滑动的，就不能 隐藏了。来源:https://github.com/scottjehl/Hide-Address-Bar Test pageCross-device Address Bar Hide - Example 1 ... 阅读全文
posted @ 2015-07-10 17:40 328201736 阅读(2028) 评论(0) 推荐(0)
html5 的头部
摘要： 阅读全文
posted @ 2015-07-09 13:47 328201736 阅读(125) 评论(0) 推荐(0)
多行文字实现垂直居中 css3
摘要：用到的属性： display:table-cell; verical-align:middle; 多行文字实现垂直居中 现在我们要使这段文字垂直居中显示！ 下面看 display 的各个属性：常用display1、div{di... 阅读全文
posted @ 2015-07-08 13:11 328201736 阅读(811) 评论(0) 推荐(0)
div中溢出文字用点代替
摘要：div中溢出文字用点代替的代码 web标准常见问题大全web标准常见问题大全大全web标准大全web标准大全web标准大全web标准大全web标准 web标准常见问题大全web标准常见问题大全 web标准常见问题大全web标准常见问题大全 web标准... 阅读全文
posted @ 2015-07-07 14:47 328201736 阅读(910) 评论(0) 推荐(0)
左侧固定 右侧自适应 布局
摘要：左侧固定宽度200px 右侧宽度自动适应 阅读全文
posted @ 2015-07-07 13:40 328201736 阅读(169) 评论(0) 推荐(0)
两个DIV第一个用了定位后 如何让两个DIV 落在一起
摘要：1 2【 position:relative | absolute | static | fixed 】来源：http://www.chinaz.com/web/2012/1121/282830.shtmlA：相对定位（position: relative）：如果对某一个元... 阅读全文
posted @ 2015-07-07 13:39 328201736 阅读(4274) 评论(0) 推荐(0)
左侧固定 右侧自适应 布局
摘要：左侧固定宽度200px 右侧宽度自动适应 阅读全文
posted @ 2015-07-01 10:08 328201736 阅读(126) 评论(0) 推荐(0)
1、 一张图片随宽度的大小 ，自动缩放
摘要：border: 0 none; height: auto; max-width: 100%; vertical-align: middle; 阅读全文
posted @ 2015-07-01 10:07 328201736 阅读(273) 评论(0) 推荐(0)
图片垂直居中的三种方式
摘要：第一种： 第二种： li {line-height: // 整个屏的高度vertical-align:middle; }li img{ vertical-align:middle;}第三种：li{ display:-webkit-box;-webkit-box-pack:center;-we... 阅读全文
posted @ 2015-07-01 10:06 328201736 阅读(544) 评论(0) 推荐(0)

1 2 下一页