摘要：
小案例，中间实现左右自适应利用flex的特性 <style> *{margin: 0;padding: 0;} #main{display: flex;} #l,#r{width: 200px;height: 200px;background: red;} #center{flex: 1;heigh 阅读全文
摘要：
先放页面效果，只是个静态页面 有些部分使用的是阿里巴巴的矢量图标库 还有一些是图片，所以代码如下，但直接复制肯定是效果不一样 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C 阅读全文
摘要：
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{margin: 0;paddi 阅读全文