随笔分类 - css
摘要：移动端比较常用的一种效果，图片部分可以左右滑动，如下： 上代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-widt
阅读全文
摘要：主要运用了css3的弹层布局，直接上代码： 效果：左边盒子宽度固定、内容居中对齐、与右侧盒子高度相等，右侧自动缩放 html： css：
阅读全文
摘要：在移动端开发中，在banner轮播图未加载出来之前，banner层是不占文档流高度的，当从服务器获取完banner数据，展示的时候，banner层因为有了内容 所以会撑开，导致banner层下面的内容也随之移动，为解决此bug，可以控制下banner层的宽高比
阅读全文
摘要：知识点： viewport：可视窗口，也就是浏览器。vw Viewport宽度， 1vw 等于viewport宽度的1%vh Viewport高度， 1vh 等于viewport高的的1% calc()使用通用的数学运算规则，但是也提供更智能的功能： 1、使用“+”、“-”、“*” 和 “/”四则运
阅读全文
摘要：项目开发中遇到了这样的效果，百度了一波，可以使用css3的伪类实现：
阅读全文
