Hola querida gente, nuevamente por aquí con una consulta. Tengo unos textos en mi pagina que deseo que se adapten al navegador o móvil. Resulta que cuando lo veo en mi notebook se ve bien, y cuando lo hago desde mi celular, se cortan todos los textos. Estos están dentro de una tabla, y la misma no se ajusta cuando el navegador tiene una resolusion mas chica.
Aquí el código:
Código HTML:
<style type="text/css">
.auto-style2 {
border-collapse: collapse;
}
.auto-style3 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.auto-style8 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 11pt;
}
.auto-style10 {
font-size: medium;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
</style>
<table align="center" class="auto-style2" style="width: 47%">
<tbody><tr>
<td class="auto-style3">
<p align="justify">
Nuestro proceso de trabajo esta regido bajo la mas estricta
confidencialidad, esto nos permite proteger toda la informacion
recibida, satisfacer las necesidades del cliente y un asesoramiento
personalizado en cada etapa o consulta. APR Asociados
no tendra derecho, bajo ningun concepto, el proporcionar esta
informacion a terceros.</p>
<span class="auto-style3">
<p align="justify" class="auto-style10">
Una vez afiliado a APR Asociados usted recibirá
en su domicilio o vía electrónica (a la dirección o casilla de correo
asignada) los recibos para realizar sus pagos mensuales. Los mismos
serán enviados con la debida antelación y será de su responsabilidad
firmarlos y utilizarlos al momento del pago. <o:p></o:p></p>
<p class="auto-style8" style="width: 837px"> </p>
</span></td>
</tr>
<tr>
<td><span class="auto-style8"><br>
<br>
<br>
</span></td>
</tr>
</tbody></table>
Agradezco me puedan ayudar para poder insertar el texto justificado en mi pagina, y que se comprima al tener una resolusion de pantalla mas chica.
Gracias.