10 2023 档案

移动端布局-响应式布局
摘要：响应式布局：一个网站兼容多种终端，对不同尺寸的屏幕做出响应（媒体查询），并进行相应的布局 媒体查询（Media querys）：简称媒询，针对不同大小的屏幕写样式 @media 媒体查询生效条件{ 生效后执行的css代码; } /* 屏幕设备(用于电脑屏幕，平板电脑，智能手机等), 并且最小宽度32 阅读全文
posted @ 2023-10-12 16:18 波波波维奇～ 阅读(10) 评论(0) 推荐(0) 编辑
移动端布局-rem vw布局
摘要：rem vw布局，实现除图片外的等比例缩放（图片如果只设置宽高，本身就是等比例的） em和rem有什么区别 em：‘em’的值是基于其父元素的字体大小的，由于这种相对性，嵌套的元素使用‘em’可能会导致复合效应，使计算变得复杂 rem：‘rem’的值是基于根元素（‘通常是<html>’元素）的字体大 阅读全文
posted @ 2023-10-11 21:09 波波波维奇～ 阅读(7) 评论(0) 推荐(0) 编辑
移动端布局-Flex弹性布局
摘要：Flex弹性布局 Flex（FLexible Box），用来为盒模型提供最大的灵活性，任何一个容器都可以指定为Flex容器 Flex更像是一个工具, 可以配合其他布局使用，PC端也可以使用Flex, 只是因为兼容性的问题, 并没有像移动端使用的这么普遍 采用Flex布局的元素，被称为Flex容器（f 阅读全文
posted @ 2023-10-10 20:27 波波波维奇～ 阅读(43) 评论(0) 推荐(0) 编辑
移动端布局-流体布局
摘要：流体布局是对已学内容的应用，只需把绝对单位改为相对单位（px换为%）即可 添加viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale= 阅读全文
posted @ 2023-10-10 14:02 波波波维奇～ 阅读(4) 评论(0) 推荐(0) 编辑
移动端布局-移动web入门开发
摘要：web开发特点： 1.代码使用HTML，CSS和JavaScript 2.代码在浏览器中运行 移动端与PC端区别方式： 一般可以看操作系统，windows，linux，macos一般是PC端，android，ios，鸿蒙一般是移动端。 移动端web开发和pc端web开发的关系： 1.屏幕大小不一样， 阅读全文
posted @ 2023-10-09 22:21 波波波维奇～ 阅读(8) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示