0
我最近创建了一个网站：www.hauswoods.com流体布局 - 保存布局
该网站看起来罚款标准的屏幕上，但在移动设备上是可怕的。我试图通过将宽度更改为％来将网站调整为流体，但随后布局拧紧。
如果有人是一种足以看看两者在移动设备和标准屏幕上的现场很清楚我有我试图解决两个不同的问题：
1）导航 - 我必须尽量保持导航，因为在移动设备上它出现两次高和宽度不调整以适应屏幕。
2）的HTML文档的内容是表示保持部的div具有两个元素：浮动到右段落和图像元素。在手机上，似乎没有填充或边距，就像边缘被切断 - 基本上布局真的在移动设备上搞砸了，我不知道从哪里开始。
你能告诉什么是你的移动设备？我刚刚在Android上检查了Dolphin Browser和Opera。在第一个页面看起来相当不错（只是背景的一些小问题，但这是因为屏幕纵横比）。在第二个动画画廊脚本未能加载导致一些混乱，但其余并不那么糟糕。 无论如何，我会推荐单独的移动设备的CSS。 – DzikiMarian 2012-03-24 15:33:00
感谢您的关注。我正在用iphone和ipad浏览网站。我知道某些代码不适用于所有的浏览器，但是，尝试使用我知道的html5和css3功能不适用于所有浏览器。我也是一个新手，我怀疑是显而易见的。是的，我很可能会在不久的将来为移动设备创建一个单独的样式表，但是如果能够让网站在小屏幕上同时显示出来 – 2012-03-24 15:37:44