2023-9-18 博博
电脑，平板，智能手机的屏幕尺寸逐渐多样化，设备类型的增长增强了网页的适配需求。
注：屏幕尺寸为浏览器尺寸的上限
自适应是根据设备分辨率的不同，分别为不同的屏幕进行布局定义，创建多个固定布局，即“多套设计，多套开发”。适用于阅读类交互多的网站，如知乎官网。
响应式是基于同一套代码、同一套设计语言，能够兼容多尺寸、多终端设备的展示，即“一套设计，一套开发”。 网页根据显示宽度（浏览器宽度）自动调整内容，适用于企业、产品等视觉展示型网站中，信息少图片多，如华为官网。
开发成本更低，一套代码。
设计成本更低，一套设计。
业务迭代更快，一次运营。
拉伸布局：内容在屏幕显示区域进行相对拉伸，已达到完整布局。
等比缩放：内容在屏幕的相对位置上进行等比例缩放，一般用于图片。
扩展布局：内容可灵活按照屏幕尺寸进行增减，扩展为多行多列等。
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢～希望得到建议咨询、商务合作，也请与我们联系01063334945
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
您可以选择一种方式赞助本站
支付宝转账赞助
