摘要：
因为flexible是使用的屏幕宽大来作为rem的计算值,因此我们在设计最大750px,以及最小320px的页面时,会出现页面会一直随屏幕变大而变大,大于750或者小于320 因此设置强制最大值和最小值: @media screen and (min-width: 750px) { html { f 阅读全文
posted @ 2022-11-03 17:23
EricYJChung
阅读(280)
评论(0)
推荐(0)
摘要：
.yellow { position: relative; width: 300px; height: 300px; padding: 20px; background-color: yellow; } .blue { position: absolute; top:0; left: 0; widt 阅读全文
posted @ 2022-11-02 19:24
EricYJChung
阅读(43)
评论(0)
推荐(0)
摘要：
虽然是移动端特殊样式,但是随着移动端和客户端逐渐倾向于兼容,这些样式也可以适用于客户端, 目前开发已经逐渐不考虑css的样式兼容性问题,绝大多数的浏览器已经支持新css样式. /*CSS3盒子模型*/ box-sizing: border-box; -webkit-box-sizing: borde 阅读全文
posted @ 2022-11-02 14:48
EricYJChung
阅读(235)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width,initial-scale=1, 阅读全文
posted @ 2022-11-02 14:21
EricYJChung
阅读(34)
评论(0)
推荐(0)
摘要：
问题来由: 我是在使用avif格式图片在edge浏览器上显示不出来,出现兼容性问题,因此尝试解决. 第一种: img标签中srcset属性 <img src="original.avif" srcset="alternative.webp" alt=""> img标签的srcset属性可以用于根据浏 阅读全文
posted @ 2022-11-02 12:22
EricYJChung
阅读(570)
评论(0)
推荐(0)
摘要：
三种方式: 1.用border-image 来实现： .box { width: 200px ; height: 200px ; border: 10px solid #ddd; border-image: linear-gradient(rgb(89, 0, 255),pink) 30 30; } 阅读全文
posted @ 2022-10-23 18:23
EricYJChung
阅读(223)
评论(0)
推荐(0)
摘要：
1. 父子元素margin塌陷** 给子元素设置margin后，初衷是让子元素在父元素中有一定的margin。运行结果发现，子元素和父元素的margin合并在了一起，子元素的margin直接传递给父元素，margin变成了父元素相对于当前窗口的margin，而不是子元素相对于父元素的margin。 阅读全文
posted @ 2022-10-08 18:01
EricYJChung
阅读(31)
评论(0)
推荐(0)
摘要：
1、什么是Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 2、为什要使用WebPack 打包：减少了http请求数量 阅读全文
posted @ 2022-08-15 15:53
EricYJChung
阅读(63)
评论(0)
推荐(0)
摘要：
default_storage 阅读全文
posted @ 2022-08-05 17:48
EricYJChung
阅读(55)
评论(0)
推荐(0)
摘要：
跨域: 协议,域名(IP),端口 三者相同即同源,任一不同即非同源 http://localhost:8080 与 http://127.0.0.1:8080非同域 http与https非同域 端口不一致也非同域 注意:跨域问题只存在于浏览器中 跨域的解决方案一般有三种: 1.cors方案 2.服务 阅读全文
posted @ 2022-08-04 22:21
EricYJChung
阅读(118)
评论(0)
推荐(0)
浙公网安备 33010602011771号