01 2021 档案

摘要:让一些不能等比自适应的元素,达到设备尺寸发生改变的时候,等比例适配当前设备。 使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem做尺寸单位,当html字体大小变化,元素尺寸也会发生变化,从而达到等比缩放的适配 ##rem 实际适配方案 按照设计稿与设备宽度的比例,动态计算并 阅读全文
posted @ 2021-01-13 01:49 Nelson-Yen 阅读(209) 评论(0) 推荐(0)
摘要:#Less(Leaner Style Sheets) 它是一门CSS预处理语言,在CSS的语法基础上,引入了变量,Mixin,运算以及函数等功能,大大简化了CSS的编写,并且降低了维护成本。 Less变量 变量命名规范:必须有@为前缀,不能包含特殊字符,不能以数字开头,大小写敏感。 语法: @变量名 阅读全文
posted @ 2021-01-13 00:14 Nelson-Yen 阅读(76) 评论(0) 推荐(0)
摘要:思考? 页面布局文字能否随着屏幕大小变化而变化? 流式布局和flex布局主要针对与宽度布局,那高度如何设置? 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放? 这时就需要用到rem适配布局。 ##rem 单位 rem(root em)是一个相对单位,类似于em,em是相对于父元素的字体大小。 而 阅读全文
posted @ 2021-01-12 23:46 Nelson-Yen 阅读(106) 评论(0) 推荐(0)
摘要:链接: chrome 快捷键(【官方最全】) 摘自CSDN 作者:One__Way 阅读全文
posted @ 2021-01-06 01:42 Nelson-Yen 阅读(72) 评论(0) 推荐(0)
摘要:<div></div> html代码 div { width: 0; height: 0; border-top: 10px solid red; border-right: 10px solid green; css代码 border-left: 10px solid blue; border-r 阅读全文
posted @ 2021-01-02 02:17 Nelson-Yen 阅读(84) 评论(0) 推荐(0)
摘要:1). 负边距+定位:水平垂直居中 原理:一个绝对定位的盒子, 利用 父级盒子的 50%, 然后 往左(上) 走 自己宽度的一半 ,可以实现盒子水平垂直居中。 2). 压住盒子相邻边框 原理:在盒子float浮动的同时,加上margin-left: -1px; 可以压住盒子相邻的边框。 3). 压住 阅读全文
posted @ 2021-01-02 01:23 Nelson-Yen 阅读(89) 评论(0) 推荐(0)
摘要:元素的显示和隐藏 CSS用户界面样式 vertical-align 溢出的文字隐藏 CSS精灵技术 滑动门 20.1 元素的显示和隐藏 20.1.1 display来控制显示和隐藏(重点) display: none; 隐藏对象,并且不保留位置 display: block; 除了转换为块级元素外, 阅读全文
posted @ 2021-01-01 10:32 Nelson-Yen 阅读(179) 评论(0) 推荐(0)