流体布局-保留布局



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

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

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

1) 导航-我必须做些什么才能保持导航,因为在手机上,它看起来是原来的两倍高,宽度无法调整以适应屏幕。

2) html文档的内容是一个包含两个元素的holderdiv:一个段落和右侧浮动的image元素。在手机上,似乎没有填充或边距,就像边缘被剪掉了一样——基本上手机上的布局真的很混乱,我不知道从哪里开始。

亲爱的doug firr你在移动设备上为这个网站制作了一个seprate css,但这不是一个好的技术,你必须为你的网站使用html5流体模板,然后你永远不需要为你的网页设计seprate。你只可以制作一个css,然后它与移动设备、计算机和平板电脑兼容。

最新更新