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

Question

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

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

此外，在针对特定设备尺寸进行设计时，有没有人遵循过任何良好的做法？

Answer 1

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

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

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

我想提供更多帮助，但这确实有点像“接受并看到”类型的交易。没有一种万能的解决方案。

祝你好运。