随笔分类 -  css

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

点击右上角即可分享
微信分享提示