css
道济和尚
大口吃肉大口喝酒
展开
-
css解决高度自适应问题
转自:https://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.htmlcss解决高度自适应问题高度自适应问题,我很抵触用js去解决,因为不好维护,也不够自然,但是纯用CSS,难度不小,比如下面我要说的例子。需求:这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条;绿色部分高度固定,比如50px;紫色部分填充剩余的高度;...转载 2019-02-12 18:03:18 · 4668 阅读 · 2 评论 -
css解决高度自适应问题(使用flex)
css解决高度自适应问题(使用flex)这篇文章通过flex来解决高度自适应问题,纯用css,还是昨天这个例子需求和上篇文章一样,这里再重复一遍需求:这个矩形的高度和浏览器窗口的高度相同,不能出现纵向滚动条;绿色部分高度固定,比如50px;紫色部分填充剩余的高度;html结构如下:<div id="root"> <header>原创 2019-02-13 10:41:20 · 40513 阅读 · 1 评论 -
$和$$
$ 和 $$写这篇博客主要是因为之前不了解$$,孤陋寡闻,偶然在一个技术群里面,一位大佬提到了这个 $ $ ,然后我就去百度了一下资料,这里记录一下。这里分享一个详细链接https://blog.csdn.net/u013028034/article/details/78825549,好了链接分享好了,接下来我就直接把其中有关于 $ $的资料叙述一下吧!(这里注意:两个美元符中间是没有空格,可能...原创 2019-02-20 13:08:27 · 632 阅读 · 0 评论 -
rem自适应移动端布局
rem自适应移动端布局rem自适应布局得牛逼之处就是,在一个移动端分辨率上布局好了以后,能够适应所有移动端布局。一开始我觉得这个东西很难搞,我们以视觉稿为640px的宽来举例子,把640px分为100份,每一份称为一个单位a,那么每个a就是6.4px,而1rem单位被认定为10a,此时,1rem=1(a)X10X6.4(px)即64px。640px/100=6.4px ...原创 2019-09-26 09:44:55 · 266 阅读 · 0 评论