![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端布局
文章平均质量分 66
记录学习移动端布局有关的知识
vegetable-WEN
一个仍是前端小白的人
展开
-
swiper插件的使用
最近在写项目的时候发现可以使用一个插件帮助我们写轮播图1.打开swiper官网2.使用swiper1.首先在获取swiper这里选择下载swiper2.然后点击第一个选项即可下载3.解压后打开目录,看到里面有一个package包点进去,找两个文件swiper-bundle.min.css和swiper-bundle.min.js4.将这两个文件分别放到你项目里面的css文件夹和js文件夹中,并且在页面中引入。5.在官网的在线演示里选择swiper基础演示,然后选择喜欢的案例在原创 2021-06-03 17:26:39 · 435 阅读 · 1 评论 -
媒体查询加rem实现元素动态大小变化
在移动端布局的时候通常会遇到需要适应不同设备的尺寸的问题,这时候就需要用到我们的媒体查询了。原创 2021-05-26 10:52:47 · 363 阅读 · 0 评论 -
align-items和align-content的区别
最近在学习flex布局相关的内容将align-content和align-items的区别分享给大家flex布局align-items和align-content的区别align-content:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-05-20 08:57:55 · 413 阅读 · 0 评论 -
rem和em的区别
最近在学习移动端布局相关的内容将rem单位有关的知识分享给大家rem和em的区别em:是相对于父元素的字体大小来说的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="原创 2021-05-24 08:39:33 · 121 阅读 · 0 评论