2012-03-19 186 views
0

我从来没有这样做过。我刚建的网站是我所建的第二个网站。有一个主要的容器div和一个标题。我注意到这个简单的html/css和js站点在移动设备上看起来很糟糕。如何让我的网站流畅?

当谈到使现场液体有任何规则或方法,使其快速和简单?如果我只是开始将所有设置的像素宽度改为百分比,那么这些元素将会相互丢失对齐吗?例如,根据标题中徽标的位置,使用像素对齐主图像滑块中的图像。

在我开始之前,任何指针都将非常感谢。这里是网站:www.hauswoods.com

回答

0

如果你希望你的网站流体只使用百分比而不是像素。

.classname{ 
    width: 80%; 
} 
+0

感谢。我的担忧虽然失去了与其他因素有关的定位。当前像素宽度可以根据网站上的其他元素排列各种元素。如果只有一段代码可以缩放整个文档的代码 – 2012-03-19 15:04:04

1

一个快速简便的方法是使用像引导的框架(http://twitter.github.com/bootstrap/)

我敢肯定,一些人们会争辩说,如果你使用它(因为它会为你做很多事情)你不会学习,但我认为你可以通过实例学习。

Bootstrap使用渐进式增强原理来改进UI,并使用一种叫做Less的方法来使CSS更具通用性(以牺牲一些复杂性为代价)。不过,你可以使用你喜欢的任何一点。如果你有一个绿地,那么这是一个开始的好地方。它支持流体布局,并向您解释如何在具有较小屏幕的移动设备上降低您的设计。

6

我建议你看看media queries代替,这将允许您指定有关不同屏幕尺寸的CSS。是的,您可以将您的网站更改为液体/流体布局,但使用您当前的内容,让滑块和图像看起来是正确的将是一个令人头疼的问题。