Html 流体布局-保留布局

我最近创建了一个网站：www.hauswoods.com

该网站在标准屏幕上看起来不错，但在移动设备上却很糟糕。我试图通过将宽度更改为%来将站点调整为流体，但随后布局出现了问题

如果有人愿意在移动设备和标准屏幕上查看该网站，很明显我有两个不同的问题要解决：

1） 导航-我必须做些什么才能像在手机上一样保持导航？它的高度是手机的两倍，并且宽度无法调整以适应屏幕

---

2） html文档的内容是一个holder div，包含两个元素：一个段落和浮动到右侧的图像元素。在手机上似乎没有填充物或边距，就像边缘被切割一样-基本上，手机上的布局真的是一团糟，我不知道从哪里开始。

亲爱的doug firr你在手机上为这个网站制作了一个单独的css，但这不是一个好技术，你必须为你的网站使用html5流体模板，那么你永远不需要为你的网站设计一个独立的设计。你可以只制作一个css，然后它也可以与手机、电脑和平板电脑兼容。

你能告诉我你的移动设备是什么吗？我刚刚检查了Android上的Dolphin浏览器和Opera。在第一个页面上看起来相当不错（只是一些背景方面的小问题，但这是因为屏幕纵横比）。在第二个动画库中，脚本加载失败会导致一些混乱，但其余的情况并没有那么糟糕。无论如何，我建议移动设备使用单独的css。谢谢您的关注。我在iphone和ipad上查看该网站。我知道有些代码不能在所有浏览器上运行，尽管如此，我已经尝试使用html5和css3功能，我知道这些功能不能在所有浏览器上运行。我也是一个新手，我怀疑这是显而易见的。是的，我很可能会在不久的将来为手机创建一个单独的样式表，但如果能记住，同时该站点将在较小的屏幕上显示为设计的样式，那就太好了