我希望我的现有网站可以在移动设备、平板电脑上浏览时自动调整布局，甚至在桌面电脑上调整屏幕大小时也能如此。
如果这太困难了，你有什么建议吗？ 我基本上想要一个iPad和iPhone（android）版本，使用相同的URL，在检测到移动浏览器时进行自动重定向。
非常感谢
3个回答
12
你正在寻找响应式网页设计！从MediaQueries开始：http://mediaqueri.es/
此外，为了更好地理解，请查看以下内容：
http://www.slideshare.net/zomigi/building-responsive-layouts-15508821
- Anbu
8
除了其他人所回答的内容，对于移动站点，您有两个基本选项。
您可以拥有不同的桌面和移动站点，或者单个响应式站点，适用于所有设备。
对于第一种选择，您可以将移动用户重定向到完全不同的URL，其中您托管了一个仅限移动的站点版本。要做到这一点，您可以使用类似于 http://detectmobilebrowsers.mobi/ 的东西来管理重定向，或者有很多用于 .htaccess 文件重定向的变体。 Jquery Mobile 是此后开发仅限移动站点的一种非常好的方式。
这种方法的优点是更容易开发轻量级的移动站点版本。缺点是您将需要维护两个网站--桌面和移动。
另一个选择是其他人建议的响应式方法。在这里，您基本上拥有一个站点，该站点根据访问者浏览器的窗口大小进行重新配置。Bootstrap 和 Foundation 是两个出色的选择，还有很多其他选择。
响应式网站依靠媒体查询来确定窗口大小。现代浏览器对此有很好的支持，但旧版浏览器可能会出现问题，需要解决。响应式网站的一些优点是只需维护一个网站，并且理论上适用于所有屏幕和窗口大小，因此不会在发布具有不同屏幕大小的下一个移动设备时出现问题。
祝好运，现在从事网页设计非常有趣。
您可以拥有不同的桌面和移动站点，或者单个响应式站点，适用于所有设备。
对于第一种选择，您可以将移动用户重定向到完全不同的URL，其中您托管了一个仅限移动的站点版本。要做到这一点，您可以使用类似于 http://detectmobilebrowsers.mobi/ 的东西来管理重定向，或者有很多用于 .htaccess 文件重定向的变体。 Jquery Mobile 是此后开发仅限移动站点的一种非常好的方式。
这种方法的优点是更容易开发轻量级的移动站点版本。缺点是您将需要维护两个网站--桌面和移动。
另一个选择是其他人建议的响应式方法。在这里，您基本上拥有一个站点，该站点根据访问者浏览器的窗口大小进行重新配置。Bootstrap 和 Foundation 是两个出色的选择，还有很多其他选择。
响应式网站依靠媒体查询来确定窗口大小。现代浏览器对此有很好的支持，但旧版浏览器可能会出现问题，需要解决。响应式网站的一些优点是只需维护一个网站，并且理论上适用于所有屏幕和窗口大小，因此不会在发布具有不同屏幕大小的下一个移动设备时出现问题。
祝好运，现在从事网页设计非常有趣。
- David Taiaroa
2
- juco
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接