Hola a todos. Necesito de su ayuda. Por Favor
Tengo una pagina ultra sencilla y quiero que esta pagina se adapte a cualquier tamaño de pantalla. Este es mi código html:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<title>Prueba</title>
<link href="Estilos.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.auto-style1 {
text-align: center;
}
.auto-style2 {
margin-top: -16px;
}
</style>
</head>
<body>
<!--Titulo-->
<div class="Titulo">
<img src="images/Titulo.png" alt=""/>
</div><br>
<!--Fin Titulo-->
<!--Logo1-->
<div class="Logo1">
<a href="www.google.com"> <img src="images/Logo1.png" alt=""/></a>
</div>
<!--Fin Logo1-->
<!--Logo2-->
<div class="Logo2">
<p class="auto-style2"><br>
<a href="www.google.com.ve"> <img src="images/Logo2.png" alt=""/></a>
</p>
</div><br><br>
<!--Fin Logo2-->
<!--Logo3-->
<div class="Logo3">
<a href="www.google.com.py> <img src="images/Logo3.png" alt=""/></a>
</div>
<!--Fin Logo3-->
</body>
</html>
Tengo un CSS sencillo es:
body{
background:#CCCCCC
}
.Titulo {
text-align: center;
}
#Logo1 {
text-align: center;
}
.Logo2 {
text-align: center;
}
.Logo3 {
text-align: center;
}
img{
border:none;
}
Es una pagina simple sinceramente solo tiene 4 Imágenes
Si tengo que decirles el tamaño de cada una me dicen :D
Necesito esto es URGENTE se los pido de corazón ayúdenme solo quiero que esta simple pagina se adapte a cualquier tamaño de pantalla si me pueden ayudar con el código que me falta para que se pueda adaptar