我正在编写一个在计算机浏览器中看起来不错的webpage,但在使用android进行浏览时,它会成为徽标下的一行,我想删除该行。如何删除该行?
body {
background-color: #00baff;
}
#container {
height: 1698px;
width: 1062px;
position: relative;
}
#image {
position: absolute;
left: 0;
top: 0;
}
#text {
z-index: 100;
position: absolute;
//color:white;
font-size: 24px;
font-weight: bold;
left: 50px;
top: 0px;
}
#top-header {
position: absolute;
left: 0%;
top: 0;
}
#searchbox {
position: absolute;
left: 760px;
top: 730px;
display: inline-block;
z-index: 10
}
#menubar {
position: absolute;
display: inline-block;
z-index: 10;
width: 200%;
}
#menubarright {
margin-top: 12px;
}
<link href="https://www.onacci.com/style/portal.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<body>
<!-- Menubar -->
<div id="menubar">
<div id="menubarcentercontainer">
<div id="menubarleft">
</div>
<div id="menubarright">
<div id="menubaruserinfo" class="menubaritem">
<p><a href="javascript:showLoginBox();">Sign In or Sign Up</a>
</p>
</div>
<div class="menubaritem">
<p>
Get Onacci
</p>
</div>
</div>
</div>
</div>
<img id="top-header" src="https://wwwe.onacci.com/assets/onacci.png">
<form id="searchbox" action="connect.php" method="POST">
<div class="control-group">
<!-- E-mail -->
<label class="control-label" for="email">Sign-up</label>
<div class="controls">
<input type="text" id="email" name="email" placeholder="" class="input-xlarge">
<p class="help-block">Please provide your E-mail</p>
</div>
</div>
<!-- Button -->
<button type="submit" class="btn btn-success">Register</button>
</form>
</body>
答案 0 :(得分:3)
你的图片中有一行!。
https://wwwe.onacci.com/assets/onacci.png
删除该行,它应该工作。我实际上不知道为什么该行不会出现在其他浏览器中。也许你是在高屏幕上看它?