自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 移动端适配方案(rem和vw vh适配)(css预处理器-less)

我们的需求的是要做移动端适配页面中的元素尺寸跟随屏幕宽度等比例缩放(适当调整大小)方案如下我们移动端采取flex布局。rem单位做移动端适配的。rem相对单位,跟html文字大小有关系vw/vh单位做移动端适配的vw/vh也是相对单位,跟视口宽度和高度有关系媒体查询检测屏幕的视口宽度可以根据屏幕的宽度自动修改html文字大小lessless让我们的css具有了计算能力-less可以让我们很方便的把px转换为remhttps。...

2022-07-24 21:07:01 2725 1

原创 移动端flex布局(基础)(上一篇补充)

这篇主要用来补充上一篇没说得完的额多少有点水的成分但是内容比较少也比较简单。

2022-07-23 21:21:16 77

原创 移动端布局(基础)

在flex眼中,标签不再分类。简单说就是没有块级元素,行内元素和行内块元素任何一个元素都可以直接给宽度和高度一行显示Flex不存在脱标的情况也就是基本淘汰了浮动,更不用清除浮动当然存在兼容性问题,如果不考虑兼容性可以大量使用,如果是移动端则不用考虑直接flex可以查看兼容性作者秋刀鱼不过期A链接https来源稀土掘金著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。httpshttpshttpshttpshttpshttps。......

2022-07-20 20:58:10 526

空空如也

空空如也

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

TA关注的人

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