UI 设计 固定布局、流式布局、弹性布局、自适应布局、响应式布局科普 新像素

炮轰楼市:
📒笔记： 背景：2010年CSS发布了响应式布局（苹果发布了iphone4，出现了高清屏，之前只有像素屏） 1.固定布局（静态布局） -用像素（绝对单位）作为单位 -确定：小屏幕显示不全，大屏幕有无意义空白 2.流式布局 -像素改为百分比（相对单位）作为单位，可以根据页面宽度做变化 3.弹性布局 -用em和rem作为单位（根据字体百分比强制放大缩小页面） 4.自适应布局 -预设了一些布局样式，根据用户机型判断展示样式 -可通过媒体查询是否一镜到底判断是自适应布局（有分域名）还是响应式布局 5.响应式布局 -根据页面宽度自动更改布局和样式 总结：希望页面的内容可以完美的适应任何尺寸的屏幕 6.资料 响应式网站：https://www.starbucks.com/ Invest in Startups | AngelList Venture https://lattice.com/ css单位讲解：https://segmentfault.com/a/1190000020460636#item-3 博客园资料：https://www.cnblogs.com/yanayana/p/7066948.html

窗边的晨光:
学不好UI的前端不是好后端工程师[偷笑][doge]

logMemo:
…我们公司UI就只给1920 让前端自己看着来自适应

【回复】UI来学，以后让前端少干点活
【回复】回复 @每天坚持2小时直播 : 那你让UI把前端也学了算了 [滑稽]
意爱空山:
有个弹幕阴阳怪气的，2021年我雀食不知道这是figma[tv_白眼]

【回复】网上秀优越、冷嘲热讽的人太多了，乱倒垃圾素质极差
Kyu420:
草帽老师问下，那个自适应的百分比缩放方式是怎么做的啊？

【回复】哪有百分比缩放，现在还做不到。非要缩就是按 K 缩放，那种有小数点
【回复】那到底按什么尺寸做呢，网页端还是按1920的做么还是按最小尺寸做啊
見字如晤唔:
有字幕了，谢谢草帽老师，感恩[打call][打call][打call]

糖衣炮弹OoO:
老师，想问一下一般表单文本输入框之类的长度在界面中都是怎么定的呀？在各分辨率下有什么规律嘛？

【回复】回复 @新像素 :嚎！谢谢老师！
【回复】要么百分比尺寸，要么固定尺寸啊。
我在即:
三连膜拜[2023]分享一个免费UI灵感素材网www.uipuzi.com

乔乔木林:
Aaron Gustafson说的自适应是基于断点的静态布局，一旦加载了不同的布局不会自适应，按这个定义所以前面说的自适应缩放到一定程度不缩小了需要刷新，是不是还混入了一点弹性布局的东西（根据宽度放大or缩小）