前端初学者的自述

字数统计: 369阅读时长: 1 min

 2022/04/25 

前端初学者的自述

自述
学习前端也有小半个月了；起初是想把前端当成一门能快速上手的生存技能，以图能有份高薪工作；但是现在我不这么想，因为目前为止学习的东西让我觉得挺有趣的，看着那些大佬们精美的网站我也很心动，也想仿写一个，奈何技术不高最多也就一个html+css构成的页面虽然可能还会出点小错误，但也不妨碍我喜欢；奈何别人终归不是自己的，在下打算用目前学到的知识写个属于自己的网页；在加上日后所学，一步一步优化，让其成为一个独属于我的网页；
记录

3.代码片段（视频背景）

.back-video{
     /* 绝对定位,让其脱标 */
     position: absolute;
     left: 0;
     top: 0;
     /* 设置视频背景的宽度 */
     width: 100%;
     /* 设置视频背景的高度 vh相对于浏览器的能看得到高度 */
     height: 100vh;
     margin: 0;
     /*  设置层级为负数,避免挡住内容 */
     z-index: -1;

     /* 
     媒体查询:设置视频的宽度与高度的比例
     如果宽度与高度小于16:9
      */
     @media (min-aspect-ratio:16 / 9) {
       .back-video{
           width: 100%;
           height: auto;
       }
     }
     /* 
     媒体查询:设置视频的宽度与高度的比例
     如果宽度与高度大于16:9
     */
     @media (max-aspect-ratio:16 / 9) {
       .back-video{
           width: auto;
           height: 100vh;
       }
     }