响应式移动网站设计

Question

我创建了一个响应式网站，其中包含多种尺寸的mobile.css，以适应大多数常见设备。根据您的经验，确保我在mobile.css中指定的每个尺寸都能在所有设备上正确格式化页面的最佳做法是什么。

我想要实现的是在mobile.css中指定的指定最小/最大限制范围内拉伸元素以适合页面。百分比是实现这一目标的最佳实践吗？

如果您需要更多信息，请与我们联系。

Answer 1

最好的办法是在每台设备上测试它。您不需要拥有所有设备，您只需要具有固定屏幕尺寸的设备。还尝试使用不同的浏览器，歌剧，Chrome，IEmobile等设备。这是最安全的。

有些网站可以模拟设备尺寸并以这些尺度显示您的网站，但他们不会模仿移动浏览器。看看你是否可以买到几个设备。（询问朋友和家人或同事。）并在每种尺寸上测试它。

祝你好运

Answer 2

@Media查询是我的经验中的最佳做法，请参阅this documentation并且有一些really nice examples

当测试FireFox有一个可以作为不同浏览器的默认用户代理插件时，您还可以获得具有调整大小菜单的Web开发人员扩展，以显示您网站的响应版本。谷歌浏览器有类似的插件。