css
写代码的贝塔子
这个作者很懒,什么都没留下…
展开
-
预编译语言常见问题-持续更新
less背景图片地址使用变量background: url('@{imgPrefix}/icon/icon_jt_right2.png') no-repeat right center;原创 2022-05-20 15:32:44 · 96 阅读 · 0 评论 -
webapp页面自适应 rem单位换算
第一步首页在页面中添加adaptive.jsvar adaptive = {};(function (win, lib) { var doc = win.document; var docEl = doc.documentElement; // 设备像素比 var devicePixelRatio = win.devicePixelRatio; // 我们设置的布局视口与理想视口的像素比 var dpr = 1; // viewport缩放值原创 2021-05-19 14:36:29 · 168 阅读 · 0 评论 -
移动端兼容问题
移动端键盘弹起,背景图被压缩使用vant-filed 文字垂直居中问题ios input输入框验证码回自动回填输入框背景色变为黄色原创 2021-05-19 13:59:23 · 188 阅读 · 0 评论 -
静态html页面效果
这里写目录标题标签做锚点跳转的时候实现滑动效果返回顶部滑动效果文字滚动效果,电子屏效果标签做锚点跳转的时候实现滑动效果// 给a标签锚点加滑动效果$("a").click(function () { $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top - 60 + "px"}, 500); return false;//不要这句会有点卡顿})返回顶部滑动效果// 返回顶部 $('.back-co原创 2021-03-06 15:57:06 · 202 阅读 · 0 评论 -
移动端字体垂直居中
实现单行文本垂直居中,最长用得方法是设置行高为容器的高度。但是在移动端显示时发现并没有居中。解决方案:1.使用flex布局,垂直居中// 父容器display: flex;align-items: center;line-height: normal;使用table布局// 父容器css属性display: table;overflow:hidden;line-height: normal;// 子容器css属性vertical-align: middle;display:原创 2021-02-07 18:44:54 · 233 阅读 · 0 评论 -
css问题总结
flex问题:问题描述在移动端经常会用到flex布局。最近在开发的过程中遇到flex: 1;的元素中的内容过多会出现超出父元素的宽度,出现横向滚动条。这种情况只有在iOS上出现。解决方案给父级元素宽度100%,flex: 1的元素width: 0%;grid问题:提示:这里可以添加要学的内容例如:1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:1、 周一至周五晚上 7 点—晚上9原创 2021-01-20 15:45:14 · 86 阅读 · 0 评论 -
css 单行文字居中 多行文字居左显示
项目中经常会有文字数量不固定的问题,所以在排版的时候需要注意,单行居中,多行居左是常见的排列方式。找到一篇文章介绍的很详细。可供学习参考。单行居中,多行居左原创 2020-11-24 17:02:43 · 374 阅读 · 0 评论