Background nao fica na tela toda para celular ou tablet..
Bom dia pessoal,
Ja tive a ajuda aqui no forum pois a imagem do background nao estava ficando na tela inteira..Depois de resolvido, fui testar no tablet e no celular e ficava assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/baINDL8.jpg&key=c4a694b5e60718cbad2e418b35218646e45be8b82735449717d648a8dbe74e6c" alt="baINDL8.jpg" />
Como faço pra que a imagem de fundo fique na tela toda, tambem para celulares e tables? Segue o codigo do pagina:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TITULO TITULO</title>
<link href='[http://fonts.googleapis.com/css?family=Quicksand'](http://fonts.googleapis.com/css?family=Quicksand) rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="bootstrap-3.3.4-dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
<!--<link rel="shortcut icon" href="favicon.png" />-->
</head>
<body topmargin="0" scroll="auto" bgcolor="#FFFFFF">
<div class="container col-md-12 col-xs-12 col-sm-12 text-center">
<div class="name">
<p>NOME NOME NOME NOME</p>
</div>
<div class="description">
<p>TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO</p>
</div>
<div class="email-container">
<div class="email-content">
<p>EMAILEMAIL@gmail.com</p>
</div>
<div class="email-img">
<img src="gmail.png" class="gmail-icon">
</div>
</div>
</div>
</body>
</html>CSS:
body{
background:url(index.jpg) no-repeat;
width:100%;
max-width:2000px;
margin: 0px;
background-size: cover;
text-align: center;
}
.container {
font-family: 'Quicksand', sans-serif;
position:absolute;
top:50%;
margin-top:-200px;
}
.name {
}.name p{
font-size: 100px;
}
.description {
margin-bottom: 35px;
}.description p{
font-size: 48px;
}
.email-container {
display: inline-block;
height: 60px;
}.email-container p{
font-size: 48px;
}
.email-img{
float: right;
}.email-img img{
width: 60px;
height: 60px;
}
.email-content{
float:right;
}Discussão (1)
Carregando comentários...