我最近做了一个网站
http://www.albuquerqueautomotiveservice.com
但是我搞砸了很长时间，因为它在每个移动网站测试仪上都失败了，而且它真的很糟糕我最近了解了表格，但后来我跳到了 html5 并了解了带有 web 工具包的弹性框，但我发现它们与所有浏览器都不兼容
所以我在这个没完没了的尝试中找到一个好的不完美的布局，可以根据我的网站的内容从任何浏览器和任何大小查看
我尝试了谷歌但收效甚微，而 youtube 上充斥着虚假的网络研讨会
有没有哪位大神能帮我解答一下，非常感谢
Twitter bootstrap提供了一个流畅的响应式布局系统，可以适应所有设备。
但是，在大多数情况下，除了简单的内容页面之外，您根本无法涵盖所有形式因素和设备。您在带有键盘和鼠标的桌面中使用的习语很简单，与支持触摸的设备不同。
找出您的受众将使用什么，并让它决定您的解决方案。不要试图成为所有人的一切。
如果你愿意改进你的代码，一个对我来说总是很好的解决方案是使用Twitter Bootstrap之类的东西，因为你可以根据需要使用尽可能多或尽可能少的功能，而且它没有太多的学习内容曲线。
如果您想使用某些东西，并且想查看有多少浏览器支持该功能，您可以查看http://caniuse.com/。
您也可以查看 jQuery Mobile 来提供帮助，但是，您可以通过以下问题找到更多信息：jQuery Mobile for mobile and desktop?
您没有说明您在服务器端使用什么，但您可以轻松检测移动浏览器http://detectmobilebrowsers.com/并更改启动它们的页面。
我个人喜欢使用 REST 服务进行所有数据交互的想法，然后您只需为 UI 和格式设置一层薄薄的 html，因此大部分业务逻辑都是集中的。