小编Vit*_* G.的帖子

"background-size:cover"不包括手机屏幕

我的网站上有照片背景background-size:cover.它在很大程度上起作用,但在我的Galaxy S3上以纵向模式留下了一个奇怪的~30px白色空间.

我附上了截图.1px青色线用于说明整个屏幕.似乎背景在社交媒体之后就停止了ul.

我测试了这个,通过删除ul它自己附加到标语文本底部的背景.

问题截图

此外,这是我的CSS移动肖像视图:

@media only screen and (max-width: 480px) {

.logo {
    position: relative;
    background-size:70%;
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    -o-background-size: 70%;
    margin-top: 30px;
}   

h1 {
    margin-top: -25px;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 15px;
}

h2 {
    font-size: 35px;
    line-height: 35px;
}

.footer_mobile {
    display: block;
    margin-top: 20px;
    margin-bottom: 0px;
}

li {
    display: block;
    font-size: 1.3em;
}
Run Code Online (Sandbox Code Playgroud)

这曾经不会发生,但我想我在尝试解决另一个问题时偶然发现了它.

html css background media-queries

15
推荐指数
2
解决办法
5万
查看次数

标签 统计

background ×1

css ×1

html ×1

media-queries ×1