Gracias pzin por la respuesta:
Código HTML:
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="css/contacto_form_4.css" rel="stylesheet" type="text/css">
<style type="text/css">
body{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.contacto_global {
width: 100%;
margin-left:auto;
margin-right:auto;
margin-top:2%;
}
.formulario {
width: 50%;
float: left;
height:400px;
}
.mapaysituacion {
width: 50%;
float: left;
height:400px;
}
@media screen and (orientation:portrait) and (max-width:533px){
.contacto_global {
width: 95%;
}
.formulario {
width: 100%;
background-color: rgba(168,30,32,1.00);
}
.mapaysituacion {
width: 100%;
background-color: rgba(51,7,8,1.00);
}
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div class="contacto_global">
<div class="formulario">
<div id="form_new">
<form>
<table width="">
<tr>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td>
</tr>
</table>
</form>
</div>
</div>
<div class="mapaysituacion">
</div>
</div>
</body>
Acabo de hacer la prueba en mi móvil, android y google crhome y al intentar escribir en la caja de texto se me pasa a 50% de la configuración pc. He puesto color cuando está en móvil y sin color en pc para que se muestre bien lo que digo.
Saludos y a ver qué estoy haciendo mal..
Gracias de antemano