为了账号安全,请及时绑定邮箱和手机立即绑定

响应式设计的疑问

响应式设计的疑问

守着一只汪 2019-03-30 11:39:25
现在手机在加上平板屏幕尺寸成千上万(这里只是使用了夸张的修辞手法,请不要吐槽)这样前端的响应式设计不是就得考虑如此都多屏幕尺寸吗??
查看完整描述

1 回答

?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

响应式设计的时候,断点的设置,应该按内容来设置断点,而不是按设备宽度设置断点,所以无需考虑成千上万的设备.
我写过一篇关于响应式设计的性能优化的文章,将其中关于断点的内容摘抄部分
普遍的响应式设计一般会要求按照主流设备的屏幕分辨率设置断点.随着现在手机更新迭代越来越快,屏幕分辨率更是参差多态.
现在设置的断点,可能一年半载就已不适应.所以与其让「屏幕分辨率」确定断点,不如让「内容」确定断点.
引用ResponsiveDesignWorkflow作者StepheHay的话来说:
Startwiththesmallscreenfirst,thenexpanduntilitlookslike
shit.Timeforabreakpoint!
大概意思是,从你需要适配的最小屏幕宽度开始测试,慢慢地拉伸,当你发现页面像坨屎的时候,一个新的断点就确定了.
接下来继续反复拉伸,确定新的断点,直到你所需要适配的最大屏幕宽度为止.
最后,你会发现通过内容确定断点使用的断点数量远比屏幕分辨率确定断点要少.
                            
查看完整回答
反对 回复 2019-03-30
?
忽然笑

TA贡献1806条经验 获得超5个赞

现在常用的也是三屏而已,PC,平板,手机。再多的屏尺寸也是基于比页面最大宽度小的情况,大于页面最大宽度可以不需要考虑。
响应式并不是为每个尺寸都提供最佳显示,而是为某个尺寸范围。
                            
查看完整回答
反对 回复 2019-03-30
  • 1 回答
  • 0 关注
  • 518 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号