h5
阿宇大男神
这个作者很懒,什么都没留下…
展开
-
h5-用canvas绘制图形验证码
利用canvas来绘制一个图形验证码话不多说,直接贴代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图形验证码</title></head><body> <canvas id="code"...原创 2019-03-21 16:46:08 · 524 阅读 · 0 评论 -
h5-运用media实现自适应布局
项目中碰到不同分辨率下,一些样式显得很乱,用户使用的手机分辨率肯定五花八门,所以做自适应是非常有必要的。举个栗子比如上图,在浏览器中我用的iphone6/7/8的分辨率,375 x 667,看着一切是正常的,然后我们换成分辨率比较低一点的发现下方的一串文字被顶到下方去了,超出屏幕的高度,虽然拖动页面也可以看到下方的文字,但是显得很不和谐。由于这一行的margin-top是固定值,所以高...原创 2019-03-18 15:52:58 · 1003 阅读 · 0 评论 -
h5-设置div内所有的子元素水平居中
开发的时候可能会碰到这样的一个需求,要求div标签内的子元素全部水平居中,先上个图看看效果比如像这样,红框内的多个元素,要求做到水平居中的效果。直接贴代码 <div class="foot-area"> <div class="list"> <a href="http://www.icbc.com.cn/icbc/"&...原创 2019-04-01 10:53:07 · 6971 阅读 · 0 评论 -
h5-Swiper触摸滑动插件
项目要做轮播banner,用这个常用Swiper。首先导入下js文件。这里我没有用cdn的方式引入,直接下载放到本地了<script src="/scripts/swiper.min.js"></script><body> <div class="swiper-container"> <div class="swiper-wr...原创 2019-05-15 18:30:56 · 932 阅读 · 0 评论