代码规范

编写

分栏,左边html,右边css(用Vue Cli开发就不用)

多人协作

1、自己弄个div,命名和自己相关的id,然后对应的css写在单独的一个css文件内
2、写样式是,前面最好都加上自己的div 的id,防止和别人的干扰

移动端自适应

视口


viewport:视口
device-width:设备宽度
initial-scale:初始化缩放

长度单位

px 像素
em:相当于当前元素的父元素字体的大小,例如一个字16px,那么2em相当于32px
rem:相当于html的字体大小,改html根标签的字体大小,其他用rem的字体都会跟着变
% :100%相当于1em

适配,可以给html设置字体大小,然后后面的单位都用rem。

动态设置字体大小

1、可以用媒体属性,查询屏幕大小,然后自动设置字体大小
image.png
2、可以通过js代码动态计算

全局规划CSS

在主入口App.vue里面的,引入外部的初始化网页样式的css

  1. <style>
  2. @import url("../../../../dist/css/xxx.css");
  3. </style>

https://juejin.im/post/6844903476661583880#heading-17

========================

真实项目

image.png

image.png

image.png
image.png
image.png

记录
image.png
产品经理 =》原型 =》开会评审 =》 开发 =》测试=》开会反馈
image.png

登录

image.png