前端常见的坑

1.解决placeholder在ios上的小坑

在苹果高版本iPhone6、7 上发现了一个问题,当设置placeholder显示的字体大小的时候,会被遮挡掉一部分

解决方法:先设置input 里面的字体大小需要大于placeholder的字体大小
就像这样:在这里插入图片描述
巨恶心;但我们只要这样:在这里插入图片描述input的字体大小大于placeholder的字体大小就可以解决问题:
在这里插入图片描述

CSS控制图片和文字在同一行显示

在 HTML 代码中,有时会需要在文字旁边加上一个图标。
默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐。

常见方法有3种:1、直接给图片添加css的“vertical-align:middle;”;2、如果图片是背景图片,可以在css中设置背景图片;3、把文字和图片分别放入不同的div中

innerHeight或innerWidth会导致页面出现左右滚动条;

innerWidth和innerHeight包括了滚动条的宽度

css的过渡属性对display:none;没用

很多时候我们想要做一个元素消失的过渡效果,让其不那么突兀,这时候自然想到display:none;但是transition对他没用所以推荐用opacity: 0;透明度,配合display:none;让元素消失

在系统中认为文件夹是大小为0的,知识里面的指针指向具体的文件

猜你喜欢

转载自blog.csdn.net/weixin_48549175/article/details/112487815