布局
布局
阳光的男夹克
心软的人没遇到 小火慢炖的粥掺了水
展开
-
弹性布局 space-between 换行后最后两个元素不能对齐如何处理
当元素设置 ustify-content: space-between 换行后最后两个元素不能对齐<view class="container"> <view>99</view> <view>99</view> <view>666</view> <view>99</view> <view>666</view></view>.container {原创 2021-03-12 16:35:17 · 885 阅读 · 0 评论 -
设置常见的屏幕尺寸 修改里面的 html 文字大小
a { text-decoration: none;}// 一定要写到最上面html { font-size: 50px;}// 320@media screen and (min-width: 320px) { html { font-size: 21.33333333px; }}// 360@media screen and (min-width: 360px) { html { font-size: 24px; }}// 375@medi原创 2021-01-24 17:17:03 · 189 阅读 · 0 评论 -
Less 的使用
vscode 插件 EasyLESS EasyLESS // 插件把原来的less文件编译为css文件Lass 变量@变量名: 值; //不能与数字开头,不能包含特殊字符,变量名区分大小写,必须用@开头// 定义一个粉色的变量@color: pink;// body 使用了这个变量body { background-color: @color;}Lass 嵌套<div class="header"> <a href="#">文字</a原创 2021-01-24 16:51:12 · 111 阅读 · 0 评论 -
媒体查询
@media mediatype and|not|only (media feature) { CSS-Code;}参数说明mediatype 媒体类型(打印机或打印预览print、手机屏幕,电脑屏幕,智能手机scree、用于所有设备all...)and 可以将多个媒体特性连接到一起,相当于“且”的意思not 排除某个媒体类型,相当于“非”的意思,可以省略only 指定某个特点的媒体类型,可以省略media feature 媒体特性 必须有小括号包含 列:(max-width: 50原创 2021-01-24 16:19:40 · 85 阅读 · 0 评论 -
rem 适配方案
1. em 相对于父元素的字体大小来说的div { font-size: 12px;}2. rem 相对于 html元素的字体大小来说的, rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小可以整体控制html { font-size: 12px;}...原创 2021-01-24 16:06:10 · 507 阅读 · 0 评论 -
响应式布局原理
响应式开发里面,首先需要一个布局容器<body> <!-- 响应式开发里面,首先需要一个布局容器 --> <div class="container"></div></body>使用媒体查询 @media screen and (max-width: 767px)<style> .container { height: 150px; background-color:原创 2021-01-24 15:43:23 · 154 阅读 · 0 评论