2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持，来看看其可以做些什么，特性和语法又是什么？
文章关键字 ‘vw’
介绍2022最期待且已正式支持的CSS container容器查询
2022年09月27日，星期二CSS text-decoration实现宽度100%波浪线效果
2020年03月21日，星期六
CSS百分比padding实现比例固定图片自适应布局
2017年08月17日，星期四对于绝大多数都布局，我们并不要求非要比例固定，但是有一种情况例外，那就是图片，因为图片原始尺寸它是固定的。在传统的固定宽度的布局下，我们会通过给图片设定具体的宽度和高度值，来保证我们的图片占据区域稳固；但是在移动端或者在响应式开发情况下，图片最终展现的宽度很可能是不确定的……
等宽字体在web布局中应用以及CSS3 ch单位嘿嘿
2016年07月9日，星期六所谓等宽字体，一般是针对英文字体而言的。东亚字体，据我所知，应该都是等宽的，就是每个字符在同等size下占据的宽度是一样的。但是英文字体就不一定了，就难本文来说，我下面写一个单词，什么呢，就iMac吧，大家打开自己的像素眼，就会很明显地发现这个字符’i’要不其他字符，例如’M’占据的宽度要小.但是，如果是等宽字体，宽度就一样，那么这种表现在web布局中有没有什么作用呢？还有CSS3 ch单位和他又有什么千丝万缕的关系呢？
小tip:CSS vw让overflow:auto页面滚动条出现时不跳动
2015年01月25日，星期日当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏，然而，这种布局有一个存在一个影响用户体验的隐患。应该都知道，现代浏览器滚动条默认是overflow:auto类型的，也就是如果尺寸不足一屏，没有滚动条；超出，出现滚动条。于是，问题来了，当内容加载从不足1屏到超过1屏，页面就会跳动！有没有什么好办法呢？本文就将介绍一个简单实用的技能tips, follow me…
视区相关单位vw, vh..简介以及可实际应用场景
2012年09月24日，星期一
CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh.
不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前曾希望实现的的整体高度自适应布局。想到这里，自己不由得小兴奋了下，于是决定抽时间研究研究（虽然最近整iPad忙得屁股尿流~~）
我的应用
我的应用