适合所有屏幕尺寸的设计

[rakibhasanbd4723]

1. 使用压缩图片
您可能有一些精美的照片，可以在网站的桌面版本上顺利加载，但这些照片也必须在移动版本上加载。74 % 的移动用户会在等待页面加载 5 秒后离开，因此请确保尽可能压缩图像，并谨慎使用它们。Smush.it 是一款出色的图像压缩工具。

许多设计师都希望针对一种移动设 巴林电话号码列表 备尺寸、一种平板电脑尺寸和一种台式机尺寸进行设计，然后制作一个“响应式”设计，将网站调整为适合这些标准尺寸的不同布局。但我们有大号和小号的手机，从 Kindle Fire 到 10 英寸三星 Galaxy Tabs 的平板电脑，以及大到 30 英寸的台式机显示器。响应式设计更多的是在像素更多的情况下调整页面上元素的大小，而不是将一个设计调整为另一个设计。正如设计师Stephen Hay 所说，“先从小屏幕开始，然后扩大，直到看起来很棒。是时候插入断点了！”

3. 始终显示所有内容
找到一种方法将桌面版页面的所有内容都放到移动版页面上可能会让人感到不知所措，但这就是响应式网页设计的意义所在。在上面描述的例子中，唯一消失的内容是广告（用户可能一开始就不想要）和一些导航（被更简单的导航版本取代）。没有隐藏任何实际内容。移动访问者需要的信息和选项与桌面用户一样多，所以不要剥夺他们的权利。

4. 优化触摸
您可能不会意外地在网站的移动设备尺寸上添加 onmouseover JavaScript 事件，但请注意平板电脑也无法使用鼠标悬停，而桌面用户可能正在使用 Windows 8 并希望使用触摸。最佳做法是让您的网站完全通过触摸即可访问，无论屏幕尺寸如何。