当我在“纵向平板电脑”维度中查看我的主页时,我的中间内容的背景照片被下推到标题文本下方。我可以编写哪些CSS规则,以便在纵向平板电脑模式下查看时背景照片保持在顶部?
为了更好地说明问题:
问题:
预期布局:looks like this http://www.ogmda.com/test/screen2.jpg。
s ite is here的实时代码。务必拖动浏览器角落以“纵向平板电脑”模式查看它。
答案 0 :(得分:1)
background-position属性可让您控制图像的显示位置。您目前已将此设置设为left
,这意味着图像垂直居中。将其更改为top left
,使图片位于左上角。
更改
background-position: left;
到
background-position: top left;
答案 1 :(得分:1)
在classess:.about,.beef,.map中,尝试更改
背景位置:左
到
background-position:0 0;