移动响应式设计中的可用性原则

Question

我目前正在对网站进行移动改编，我很好奇人们对按钮和链接大小等可用性问题的通用规则是什么。

例如，我的网站在 iPad 上看起来略有不同（横向显示没有任何变化），但是一旦屏幕小于 515 像素，我就会将链接字体大小更改为 150%，并在按钮之间添加额外的边距。我这样做的原因是，在较小的屏幕上具有良好的可用性，按钮更大更清晰，因此更易于使用。事情是大多数规则我发现自己一直在争论我应该将这些规则应用到哪些尺寸的屏幕以及我应该忽略哪些尺寸。例如，我是否也应该增加 iPad 屏幕上的链接大小？！

此外，在针对特定设备尺寸进行设计时，是否有人遵循了一些好的做法？

Answer 1

这是一篇关于响应式设计的有趣文章：

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

不要忘记，重要的不仅仅是可读性。人们通常用手指使用小型设备，因此只要元素的“命中区域”良好，那么一半的可用性问题已经得到解决。

我希望得到更多帮助，但这确实有点像“试一试”类型的交易。没有一种万能的解决方案。

祝你好运。