会限制最大宽度的自适应布局应用和网页

这个帖子收集在一些平板电脑和带鱼屏上交互体验良好的网页、应用、软件

平板上横屏只能显示半张图的大号手机布局是假的自适应,带鱼屏上一行渲染八十个字,读到脖子抽筋的自适应布局也是假的自适应

入选遵循双重标准:自适应布局 + 限制最大宽度动态分栏

欢迎公共编辑加入你的候选

格式模板

网站名/应用名

自适应布局适配平台:网页 Android iPad Windows Linux macOS

(↑请只保留该应用的自适应布局覆盖的平台,并删除括号内文字←)

适配方法:限制最大宽度 限制图片大小 动态分栏 窗口化 UI切换

(↑请只保留符合的选项,并删除括号内文字←)

@评论人1的ID:一两句话的介绍或评论

@评论人2的ID:一两句话的介绍或评论

(↑不仅仅是首次推荐人,任何人都可以以相同的格式补充自己的评论。删除括号内的文字←)


Trello

自适应布局适配平台:网页 Android iPad

适配方法:分栏

@feeshy:Trello的界面天生自适应不同尺寸的屏幕,屏幕越宽,屏幕中就会显示更多的列表

微博PWA

自适应布局适配平台:网页

适配方法:限制最大宽度

@feeshy:微博PWA的最大宽度在35个字左右,图片也有限制最大宽度,不会因为屏幕太宽而变得难以阅读

Wikipedia

自适应布局适配平台:网页

适配方法:自适应布局、限制最大宽度

@Dalieba:Wikipedia 的移动版页面不仅自适应不同尺寸的屏幕,也有限制最大宽度,不会因为屏幕太宽而不方便阅读

Solid Explorer

自适应布局适配平台:Android

适配方法:动态分栏

@feeshy:挺智能的,手机下是单列布局,平板竖屏下是双列布局,横屏下是双窗口布局

Floating Calculator

自适应布局适配平台:Android

适配方法:窗口化

@feeshy:自由调整大小的悬浮窗计算器

微软Office系列:OneNote、Word、PowerPoint、Excel

自适应布局适配平台:网页- Office Online, Android, iPad

适配方法:UI切换

@feeshy:会根据屏幕的尺寸在手机UI与Ribbon UI之间自动切换。注意,有大屏优化的Office都是独立的App,而名为"Office"的三合一App暂时没有大屏优化

SIRIN

自适应布局适配平台:Android

适配方法:限制图片大小

@feeshy:SIRIN是一个DRM-free的有声书播放器。这个App的媒体库界面会限制书籍封面的显示大小,屏幕越大,显示的内容越多

Kindle

自适应布局适配平台:Android iOS

适配方法:限制图片大小

@feeshy:限制书籍封面的显示大小,在Pad上只会增加一行的书籍数量,不会拉宽图片

幕布

自适应布局适配平台:网页 PC

适配方法:限制最大宽度

@feeshy:幕布可以在两种模式之间自选:不限最大宽度或者限制最大宽度