如何布局兼容移动和桌面以及任何浏览器的网站?

时间:2013-01-21 02:15:13

标签: html mobile

我最近创建了一个网站

http://www.albuquerqueautomotiveservice.com

但是我搞砸了很长时间,因为它在每个移动网站测试人员都失败了 坏 我最近了解了桌子 但后来我跳到html5并了解了带有网络工具包的弹性盒子 但我发现它们与所有浏览器不兼容

所以即时通讯试图找到一个好的不完美的布局,可以从任何浏览器和基于我的网站的任何大小查看

我尝试google并没有成功,youtube充满假网络研讨会

这里有谁能引导我找到答案,谢谢你多谢

3 个答案:

答案 0 :(得分:0)

Twitter bootstrap提供了流畅且响应迅速的布局系统,可以适应所有设备。

但是,在大多数情况下,除了简单的内容页面外,您无法覆盖所有外形和设备。您在带键盘和鼠标的桌面上使用的习语与简单的触控设备不同。

了解您的受众群体将使用哪些内容,并确定您的解决方案。不要试图成为所有人的一切。

答案 1 :(得分:0)

如果您愿意改造您的代码,那么一直对我有用的解决方案就是使用类似Twitter Bootstrap之类的东西,因为您可以根据需要使用其功能的多少,而且它不会有很多学习曲线。

答案 2 :(得分:0)

如果您想使用某些内容,并希望了解有多少浏览器支持该功能,请查看http://caniuse.com/

您也可以查看jQuery Mobile以获取帮助,但是,您可以通过此问题找到更多信息:jQuery Mobile for mobile and desktop?

您没有说明您在服务器端使用的内容,但您可以轻松检测移动浏览器http://detectmobilebrowsers.com/, 并更改启动它们的页面。

我个人喜欢将REST服务用于所有数据交互的想法,然后你只需要一个用于UI和格式化的薄层html,因此大多数业务逻辑都是集中的。