在线使用阿里的矢量图标库 ＋ 媒体查询

链接: https://blog.csdn.net/JCAL123/article/details/99561835

写的太好了5555 

大概就是  1 要添加购物车后" 添加到项目"

2 在线链接引入项目 记得加http

3  复制到<i class="...> 

4 如果想换颜色可以直接copy一份 妥当

我觉得在线的比较方便吧(谁让我下载的 看晕了 ) 但是链接后续应该可能会失效..

用阿里的图标库有个好处是不用自己调整 图片的大小宽高什么的了

用icon真是好啊  然后我看的项目里面 用了一个show icon or src 来支持这两种  还写了default

 

==================媒体查询

为什么不生效: https://www.segena.com/css-media-queries-media-screen-and-doesnt-work.html 这个写的非常详细

display flex是不生效的, 还要加头部上

<meta name="viewport" content="width=device-width, initial-scale=1">

具体怎么写  随便写写就好:  也可以去掉only  但是下面我不生效qwq

而且  这个看起来有点坑  不如vh vw方便 但是就是vw vh对font-size有点不太对,  不过也行吧

html {
    width:100%;
    height:100%;
    font-size:12px;
    line-height:1.5;
}
@media only screen and (min-width:320px) {
    html  {font-size:12px;}}
@media only screen and (min-width:375px) {
    html  {font-size:14px;}}
@media only screen and (min-width:412px) {
    html  {font-size:16px;}}