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

Question

我目前正在研究网站的移动改编，我很好奇人们的通用规则是关于可用性问题的，例如按钮和链接大小。

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

此外，在为某些设备尺寸设计时，是否有人有任何好的做法？

Answer 1

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

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

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

我想得到更多帮助，但这确实有点像“吸了就看”类型的交易。没有一种适合所有解决方案的尺寸。

祝你好运。