FE小白的进化之路

盒子动画 <div class="box-wrapper"> <div class="box"> <div class="box-item white"></div> <div class="box-item orange"></div> <div class="box-item red"></div> </div> </div> .box-wrapper

1、Meta标签 移动端页面添加meta标签，可以让文档的宽度与设备的宽度保持1:1，文档的最大宽度比例是1.0，不允许用户点击屏幕放大浏览。 2、禁止IOS自动识别电话和Android自动识别邮箱 3、禁止文本选择 -webkit-user-select:none4、屏蔽输入框阴影，去掉按钮默认样式 -webkit-appearance:none 5、border-box

布局是CSS的一个重要部分，本文主要对CSS布局中常见的经典案例进行实现，涉及到Web端两栏式、三栏式布局及APP端布局1、左列定宽，右列自适应方法一：position + margin布局，外层容器设置相对定位，左侧容器设置相对定位及宽度，右侧容器设置左边距.parent{position: relative;} .left{position:absolute;width:100px;} .r...

1. Meta标签 移动端页面添加meta标签，可以让文档的宽度与设备的宽度保持1:1，文档的最大宽度比例是1.0，不允许用户点击屏幕放大浏览。 &amp;amp;amp;lt;meta name=&amp;amp;quot;viewport&amp;amp;quot; content=&amp;amp;quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;

1. 安装lib-flexible npm i lib-flexible --save 2. 在项目入口文件main.js里引入lib-flexible import 'lib-flexible/flexible.js' 3. 通过vscode插件cssrem 配置vscode，文件 -> 首选项 -> 设置，在用户设置里添加如下配置 // 基础的font-