2024年7月17日
移动端适配方案
摘要： 移动端适配方案 1、媒体查询 通过媒体查询的方式，编写适应不同分辨率设备的的css样式 @media screen and (max-width: 320px){ ....适配iphone4的css样式 } @media screen and (max-width: 375px){ ....适配ip 阅读全文
posted @ 2024-07-17 15:10 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
1px问题
摘要： 1、伪类 + transform 基于media查询判断不同的设备像素比对线条进行缩放。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加上border-radius即可。 .border_1px:before{ content: ''; position: absolute; top: 阅读全文
posted @ 2024-07-17 14:32 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
移动端适配的基础概念
摘要： 一、英寸 一般用英寸描述屏幕的物理大小。如苹果SE 4英寸，苹果XS 6.5英寸，电脑显示器的22英寸 上面的尺寸都是屏幕对角线长度。英寸和厘米的换算：1英寸 = 2.54 厘米 二、分辨率 2.1 像素 像素即一个方块，具有特定的位置和颜色。像素可以作为图片和电子屏幕最小组成单元 通常我们所说的分 阅读全文
posted @ 2024-07-17 14:27 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑