我怎样才能在自适应布局中保持对齐
How can I keep things aligned in an adaptive layout
我正在使用 CSS 构建自适应设计,我想知道如何才能使一切保持良好对齐。到目前为止的两个示例:我的页面:http://www.spabc.com/drupal/ 现在,我想在浏览器 window 调整大小时使 check-rates_btn
与 titleimg
对齐,但由于图像被设置width
of 95%
,我真的无法保持一致。我还想让 logo
与图像很好地对齐,即它挂在 titleimg
上方的位置,我想保持它挂在上方的房间 = 右侧到边界的距离的 titleimg
。我试图描述我在这里的意思:用红线描述的距离应该保持相等。我该怎么做?
您需要使用 CSS Media Queries.
相应地调整 check-rates_btn
和 titleimg
的样式
不幸的是,您使用的是 Drupal,缓存的 CSS 文件太多,我无法查看,但我确实查看过的文件(layout.css
和 system.theme.css
)只有一些没有改变这些的特定媒体查询 类.
希望对您有所帮助。
我正在使用 CSS 构建自适应设计,我想知道如何才能使一切保持良好对齐。到目前为止的两个示例:我的页面:http://www.spabc.com/drupal/ 现在,我想在浏览器 window 调整大小时使 check-rates_btn
与 titleimg
对齐,但由于图像被设置width
of 95%
,我真的无法保持一致。我还想让 logo
与图像很好地对齐,即它挂在 titleimg
上方的位置,我想保持它挂在上方的房间 = 右侧到边界的距离的 titleimg
。我试图描述我在这里的意思:用红线描述的距离应该保持相等。我该怎么做?
您需要使用 CSS Media Queries.
相应地调整check-rates_btn
和 titleimg
的样式
不幸的是,您使用的是 Drupal,缓存的 CSS 文件太多,我无法查看,但我确实查看过的文件(layout.css
和 system.theme.css
)只有一些没有改变这些的特定媒体查询 类.
希望对您有所帮助。