由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

为什么这些个网站UI做的这么漂亮啊？为什么它们的细节这么细啊？交互好、实现棒，很难叫人不收藏啊！！毕竟收藏了，下次都是会来学的🐶

background是一个简写属性，可以在一次声明中定义一个或多个属性。除去特定的属性 其他属性可以按任意位置放置。 background ： [background-color] | [background-image] | [background-position][/ba…

在前端开发之前，设计师都会为前端开发者提供视觉稿/设计稿。 一. 分辨率 ..... PPI: Pixels Per Inch(像素每英寸),该值越高，则屏幕越细腻。 PPI数值越高，代表显示屏能够以越高的密度显示图像，画面的细节就会越丰富。 DPI: Dots Per Inc…

在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题，感到非常的荣幸！在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友 裕波，墨苒对我的鼓励和支持。在结束直播的时候，说过后面要整理一篇文字版本，由于个人新转团队（互动团队转到 F(x)…

相比于上面的方法多了一些代码，理解麻烦，不推荐。 略微难理解，margin或padding的值要对应好；浮动脱离文档流，需要手动清除浮动，否则会产生高度塌陷。 这种布局常用推荐使用浮动去做，配合 overflow:hidden; 触发 BFC，非常好用，兼容性也 ok，但是设置…

查看浏览器是否支持特性caniuse.com草图工具-墨刀-adobexd网站推荐-Google关键词+MDN-CSStricks(英文)-张鑫旭博客练习素材1.PSDFreepik搜索PSDweb3

要使内联元素（如链接，span 或img）居中，使用 text-align: center 足够了。 大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用网格容器时，图中的盘子将根据其网格区域居中。 请注意，除非将它们包裹在一个元素中，否则这将不适用于多个盘…

VDOM，也叫虚拟DOM，并不是什么高大上的新事物，它是仅存于内存中的DOM，因为还未展示到页面中，所以称为VDOM。 如上所示，大家对此应该不陌生吧？没错，这就是VDOM。 事实上，就三类：增、删、改。对应的DOM操作如下： 这样做有什么问题呢？——性能问题。如果页面比较小，…