日积月累 默默搬砖

解决刘海未全屏的问题 :1.在 viewport 中添加viewport-fit=cover<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">此时本地不会报警告,上线后打开控制台会报The key "viewport-fit" is not...

我们在写PC端项目时,需要 经常处理一些默认样式,如ul列表,a标签等 还需要经常的重复写一些相同的css,如项目的字体颜色,背景色,距离等 因此在此用sass语法写了一套PC端项目常用的样式,供使用, 此模板已经历3年的实际项目的考验,可放心应用于实战使用方法 :如现在需要设置字体为白色的样式,那么我们就这样使用,直接在要变...

在我们写移动端项目时,会发现在IOS手机上,部分输入框的默认文字会隐藏,在此提供一套解决方法,此方法已经历过实际项目的测试,可放心的应用于实战将此段js代码放置在项目的公共js文件中即可if (!('placeholder' in document.createElement('input'))) {$('input[placeholder],textarea[placeho...

在我们写一些项目时需要将其显示出来的滚动条给其隐藏,在此提供了2种方案,均已经过实战考验,可放心应用于实战第一种 :找到需要隐藏的元素,给其添加::-webkit-scrollbar{ display:none;}即可注意 : 这里是两个 :: 不是一个第二种 :给最外层元素添加width:100%;padding-right:20px;...

在我们写网站项目时,经常性的会遇到这样的需求 如个人简介或商品名称要求只能一行显示,如超出一行,以省略号显示那么此时我们就给该元素添加以下样式width: 200px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/-webkit-bo...

我们在写PC端项目时,偶尔会出现页面在跳转之间会出现页面抖动的现象,该现象是由于已关闭的页面内容少,未出现滚动条;而新打开的页面内容过多,出现了滚动条,使页面凭空多出了一个滚动条的宽度20px,因此会出现一瞬间的抖动而要解决此问题,只需添加以下样式即可,该样式已经过实际项目考验,可放心使用html { overflow-y: scroll;}:root { over...