CSS - vista buena en pc y mala en movil

 
Vista:
Imágen de perfil de Orlando
Val: 6
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

vista buena en pc y mala en movil

Publicado por Orlando (8 intervenciones) el 06/05/2017 02:40:19
Buenas noches y muchas gracias de antemano.

Tengo un problema resulta que tengo un formulario de contacto y quiero ajustarlo a telefono pero los las letras se ven desordenadas. ¿como puedo hacer para ajustarlo a celular?

Anexo html y imagen vista des de la pc y el telefono.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
.
.
.
<table width="77%" border="0" align="center">
    <tr>
      <td width="43%" valign="top" data-label="subtitulo"><p style="color: #FFFFFF"><b>TYPE OF PROJECT</b></p></td>
      <td width="57%" data-label="seleccion">
        <p>
          <input type="checkbox" name="check1" value="Printing" id="check1">
          <label for="check1">Printing</label>
        </p>
        <p>
          <input type="checkbox" name="check2" value="Search Marketing" id="check2">
          <label for="check2">Search Marketing</label>
        </p>
        <p>
          <input type="checkbox" name="check3" value="Digital Marketing" id="check3">
          <label for="check3">Digital Marketing</label>
        </p>
        <p>
          <input type="checkbox" name="check4" value="Publishing" id="check4">
          <label for="check4">Publishing</label>
        </p>
        <p>
          <input type="checkbox" name="check5" value="Web Development" id="check5">
          <label for="check5">Web Development</label>
        </p>
        <p>
          <input type="checkbox" name="check6" value="Android / iOS App" id="check6">
          <label for="check6">Android / iOS App</label>
        </p>
      </td>
    </tr>
  </table>
  <table width="77%" border="0" align="center">
    <tr>
      <td width="43%" valign="top" data-label="subtitulo"><p style="color: #FFFFFF"><b>APPROXIMATE BUDGET</b></p></td>
      <td width="57%" data-label="seleccion">
        <p>
          <input type="radio" name="radiogroup1" value="$100 - $500" id="radio1">
          <label for="radio1">$100 - $500</label>
        </p>
        <p>
          <input type="radio" name="radiogroup1" value="$500 - $1500" id="radio2">
          <label for="radio2">$500 - $1500</label>
        </p>
        <p>
          <input type="radio" name="radiogroup1" value="$1500 - $2500" id="radio3">
          <label for="radio3">$1500 - $2500</label>
        </p>
        <p>
          <input type="radio" name="radiogroup1" value="$2500 +" id="radio4">
          <label for="radio4">$2500 +</label>
        </p>
      </td>
    </tr>
  </table>
cel
pcs buena e
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

vista buena en pc y mala en movil

Publicado por Ezequiel (5 intervenciones) el 06/05/2017 17:40:50
Te conviene usar bootstrap para facilitarte la vida un poco con la adaptacion a moviles. Lo de usar tablas en un formulario si es que lo queres adaptar a moviles no me parece buena idea, trata de usar contenedores (div) y media querys de css que te permiten ajustar los elementos de acuerdo a si el tamaño de la ventana es menor a 700 px o 500px o lo que quieras.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

vista buena en pc y mala en movil

Publicado por xve (490 intervenciones) el 07/05/2017 08:49:52
Estoy de acuerdo en lo que dice ezequiel de las tablas... no las utilices para responsive, ya que no puedes separar las columnas... también te recomiendo utilizar contenedores.

Para mi punto de vista, no te recomiendo utilizar bootstrap, ya que sus códigos pueden cargar mucho la carga de la pagina.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Orlando
Val: 6
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

vista buena en pc y mala en movil

Publicado por Orlando (8 intervenciones) el 08/05/2017 00:03:31
Muchas gracias lo tendré en cuenta. Te cuento que en tanto dar mas o meno lo cuadre, mas nunca se lo voy a ser con tablas, es muy mala experiencia.jeje
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Orlando
Val: 6
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

vista buena en pc y mala en movil

Publicado por Orlando (8 intervenciones) el 08/05/2017 00:02:44
Muchas gracias lo tendré en cuenta. Te cuento que en tanto dar mas o meno lo cuadre, mas nunca se lo voy a ser con tablas, es muy mala experiencia.jeje
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar