Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 手机报头问题_Css - Fatal编程技术网

Css 手机报头问题

Css 手机报头问题,css,Css,该网站是 我的标题不会出现在小的移动屏幕上,但当我把桌面窗口缩小时,我可以看到它。 因此,问题似乎只存在于移动和Safari。问题出现在小于984px的屏幕上 我的徽标标题代码是: .logo-logobg { position: absolute; min-width: 300px; min-height: 1260px; width: 100%; z-index: 1000; background: url(images/logo-logobg

该网站是 我的标题不会出现在小的移动屏幕上,但当我把桌面窗口缩小时,我可以看到它。 因此,问题似乎只存在于移动和Safari。问题出现在小于984px的屏幕上

我的徽标标题代码是:

.logo-logobg {
    position: absolute;
    min-width: 300px;
    min-height: 1260px;
    width: 100%;
    z-index: 1000;
    background: url(images/logo-logobg.png) left top no-repeat;
}
我把问题缩小到移动导航上。此代码中存在错误,但仍然无法确定具体原因:

.nav-mobile {
    display:block;

}
.nav {
    width:100%;
    padding:0px 0 0 0;
    position:absolute;
    z-index:999999;
    top:53px;

}
.nav-list {
    display:none;
}
.nav-item {
    width:100%;
    float:none;
    background-image:none;
    padding-bottom:0px;
}
.nav-item:hover {
    background-image:none;
    padding-bottom:0px;
}
.nav-item > a {
display:block;
color:#ffffff;
padding:8px 16px;
text-decoration:none;
font-size:14px;
border-bottom:1px solid #276815;
margin:0px;


height:auto;
line-height:normal;

border-radius:0px;
}

把这个记在脑子里:

你能附上截图吗?在我的chrome模拟器上看起来很好在chrome上很好但没有Safari@Parlanchina这个网站有很多问题。看起来您使用的是ASP Web表单,将页面包装在表单标记中是很残忍的。你也有一堆CSS被注入到页面的中间,而不是在页眉中。还有使用折旧或过时标记的问题,如
。在DIV上使用
align
现在已经过时。浏览器供应商很慷慨,并继续允许这样的标记工作,但没有义务这样做。如果这是一个新的网站,我强烈建议使用HTML5,并复习一下有效的标记和实践。谢谢,但我不确定这和它有什么关系。我的标题中也有。您的视口元标记位于主体元素第45行。它应该在head元素中。在使用HTML5标记时,您还声明了HTML4.0过渡doctype。您是对的,这是网站上的问题之一。但经过测试,它并没有解决上述问题。谢谢你。