当我在“竖屏”维度查看我的主页时,我的中间内容的背景照片被推到标题文本下方。我可以编写什么 CSS 规则,以便在纵向平板模式下查看背景照片时保持在顶部?
为了更好地说明问题:
问题:
预期布局:看起来像这样 http://www.ogmda.com/test/screen2.jpg。
该站点的实时代码在这里。请务必拖动浏览器角以在“肖像平板电脑”模式下查看。
当我在“竖屏”维度查看我的主页时,我的中间内容的背景照片被推到标题文本下方。我可以编写什么 CSS 规则,以便在纵向平板模式下查看背景照片时保持在顶部?
为了更好地说明问题:
问题:
预期布局:看起来像这样 http://www.ogmda.com/test/screen2.jpg。
该站点的实时代码在这里。请务必拖动浏览器角以在“肖像平板电脑”模式下查看。
background-position属性允许您控制图像的显示位置。您当前已将此设置为left
,这意味着图像垂直居中。将其更改为top left
使图像位于左上角。
改变
background-position: left;
至
background-position: top left;
在类中:.about、.beef、.map,尝试改变
背景位置:左
至
背景位置:0 0;