- 博客(5)
- 资源 (2)
- 收藏
- 关注
原创 HTML5中SVG的使用
一:SVG的概述SVG 意为可缩放矢量图形(Scalable Vector Graphics)。SVG 使用 XML 格式定义图像。SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失。二、SVG的优势SVG 图像可通过文本编辑器来创建和修改;SVG 图像可被搜索、索引、脚本化或压缩;SVG 是可伸缩的;SVG 图像可在任何的分辨率下被高质量地打印;SVG 可在图像质量不下降的情况下被放大;三、SVG的使用1.直接在body内添加svg标签,默认尺寸是300
2021-11-08 21:15:08 2005
原创 移动端Touch (触摸)事件
一:常见的触摸事件:touchstart、touchmove和touchend。 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用 preventDefault()事件可以阻止滚动。 touchend事件:当手指从屏幕上离开的时候触发。二:触摸事件...
2021-11-06 11:40:00 7536
原创 移动端适配
一:移动端适配原因: 为了让页面在不同屏幕尺寸下兼容运行,字体/元素的大小等能够动态变化 注意点: 按照设计稿的标准开发页面,在手机上部分内容根据屏幕宽度等比缩放, 部分内容按需要变化:对于需要等比缩放的元素,CSS使用转换后的单位(使用 rem, vw 相对单位) 对于不需要缩放的元素,比如边框阴影,使用固定单位px二:适配方案: 1.viewport 适配 根据设计稿标准(750px 宽度)开发页面,写完后页面及元素自动...
2021-11-06 10:21:10 200
原创 HTML 中几种常见长度单位介绍
一:长度单位包括1.相对长度单位包括:em, ex, ch, rem, vw, vh, vmax, vmin2.绝对长度单位包括:in,cm, mm, q, pt, pc, px1.相对长度单位:em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸ch:数字“0”的宽度rem
2021-11-06 09:38:20 4981
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人