一:移动端布局
1:在网页模拟器上显示的分辨率为CSS像素:设备的独立像素
2:物理分辨率为设备的实际像素。
3:设备像素比(dpr)=物理像素/CSS像素;
4:设计稿:a:是按照物理像素设计
b:多个设备一份设计稿
c:尽量使用百分比布局
d:弹性盒布局 / rem布局
5:meta标签,必须要加,一般默认工程都会加
还可添加属性:user-scalable=no;不允许用户放大页面
6:
二:案例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 引入特殊符号字体文件 -->
<link rel="stylesheet" href="./history/material/font_3724085_b2nkdmmbdqh/iconfont.css">
<!-- CSS部分 -->
<style>
/* 以下为必写内容 */
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;