这个帖子收集在一些平板电脑和带鱼屏上交互体验良好的网页、应用、软件
平板上横屏只能显示半张图的大号手机布局是假的自适应,带鱼屏上一行渲染八十个字,读到脖子抽筋的自适应布局也是假的自适应
入选遵循双重标准:自适应布局 + 限制最大宽度或动态分栏
欢迎公共编辑加入你的候选
格式模板
网站名/应用名
自适应布局适配平台:网页
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:幕布可以在两种模式之间自选:不限最大宽度或者限制最大宽度