随笔分类 -  htmlcss

摘要：项目当中，遇到需要加一个吸顶效果组件。原思路，使用Vant组件库中Sticky 粘性布局组件。后发现无法实现吸顶效果。排查后发现原因为：父元素的transform使子元素fixed布局失效，子元素从原本的fixed布局，变为绝对定位布局absolute。 总结：做粘性布局或者吸顶效果时，应避免父元素 阅读全文

摘要：H5 端 rem 适配方案与 viewport 适配，媒体查询设置，使用 JS 动态修改rem布局。使用 js 动态设置 viewport 属性，通过设置 viewport 的 initial-scale 相关属性 , 将所有设备布局视口的宽度调整为设计图的宽度。 阅读全文

摘要：CSS3 Canvas 实现两张图片合成一张图片 需求 需求：在项目中遇到将一张固定图片和一张二维码图片合成一张新图片，并且用户能够将图片保存下载到本地。 思路：使用 CSS3 中的 Canvas 将两张图片绘制。 HTML 部分 <div> <img id="img1" src="wenbo.jp 阅读全文

摘要：HTML5与CSS3新增特性笔记-HTML5新标签，音频，视频，地理位置API，拖拽事件，自定义属性，画布Canvas，浏览器储存，web worker，web socket。CSS3背景相关，渐变，动画，过渡，媒体查询，2d3d转换，flex布局。 阅读全文