1

我正在处理这个页面:

http://www.analog.la/test/ret/index2.html

基本上有一个包含分区,其中包含 5。它们向左浮动以垂直排列,但我在如何调整媒体查询中的 CSS 时遇到了一些问题(一个用于 768,一个用于 480)。

如您所见,主要顺序是 logo、hex1、middle、hex2、hex3。

浮动问题

对于 768,我非常希望有 logo 和 hex1(居中),然后是中间下方(居中)和 hex2 和 3(居中)。但是当我把浮动从中间移开时,它就被“从浮动方程中取出”了,一切都变得尴尬了!所以我设置它没有浮动,但这将中间 div 推得太低,我不喜欢。任何提示将不胜感激!

显示顺序

对于 480 及更低版本,我真的很想改变分区的顺序,这样我就可以拥有徽标,然后是“中间”部分,然后是十六进制链接,但我不知道如何通过 CSS 更改顺序。我在这里看到了一个类似的线程 - 但是这个人使用了提供的网格,我自己把它放在一起,所以它似乎不适用。

字体大小

只是想知道是否有字体大小(用于标题)响应页面宽度?这不是真正的高优先级,但很高兴知道!

谢谢一堆。

4

1 回答 1

0

对于浮动:尝试使您的 .links1 和 .links2 div 的宽度为 100%,并为它们添加一个 css clearfix 以清除浮动。这可能会解决 .preorder div 的格式问题。要使六边形居中,您也可以尝试将 text-align:center 规则添加到 .links1 和 .links2 div。

这是 chris coyner 网站上关于 clearfix 的文章:http: //css-tricks.com/snippets/css/clear-fix/

对于字体大小:如果您想在窗口调整大小时逐渐更改它,请查看 fitText:http ://fittextjs.com/ - 它需要一些调整才能使其正常工作,但看起来这是您的效果'正在寻找。

此外,看起来您可能需要对 .container div 进行 clearfix

于 2012-06-03T20:56:53.807 回答