自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 rem适配

html中的适配就是将字体根据所使用设备的大小而调整大小。如果我们将每个模块在各种不同大小的设备上都单独配置大小,那么任务量将非常大,很麻烦。所以在这里,我介绍一种相对操作简单的适配方法,就是rem适配。 rem中的r指root,即根,html根标签;em是相对长度单位。所以rem就是相对于html根元素的大小。如:html标签的font-size设置成了34px,1rem=34px ,2rem=68px 。所以当我们只需要设置一个合适的html标签的大小,那么适配的代码就很好写了。 接下来介绍下适配的

2021-05-17 15:10:48 118

原创 视口

何为视口,视口就是电脑端和手机端盛放网页的虚拟容器。 当我们在开发网页的时候,不可避免地会遇到同一网页在不同设备显示不同的情况。在电脑端全屏显示,但到不同的手机上就会出现显示的字体,图片的大小不同。因为电脑的虚拟容器的宽度是980px,这个宽度因为历史原因,一直固定在这个数。而不同型号的手机不一样,宽度一般都在三四百作业。此时,存放网页的虚拟容器就会被压缩,网页的内容在手机端就会比电脑端的小。 手机设备的宽度叫做设备独立像素,这个宽度是我们现实生活所接触到的宽度,是物理硬件的宽度。手机显示内容的发光点叫

2021-05-06 12:43:57 102

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除