响应式手机网站设计

Question

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

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

如果您需要更多信息，请告知我。

Answer 1

要做的最好的事情就是在每台设备上进行测试。您不需要拥有所有的设备，只需要具有固定屏幕尺寸的设备。也尝试获得不同浏览器，歌剧，铬，IEmobile等设备。这是最安全的。

有一些网站可以模拟设备尺寸并在这些尺度上显示您的网站，但它们并不模仿移动浏览器。看看你是否可以使用一些设备（询问朋友和家人或同事），然后根据每个尺寸进行测试。

最好的运气

Answer 2

@media查询是我的经验，最佳实践是指this documentation也有一些really nice examples

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