Hola a todos,
escribo porque estoy haciendo una web con un diseño adapte para que se pueda ver en dispositivos móviles.
He visto varios temas del foro pero no consigo resolver el problema que tengo.
He puesto dentro de head
Código:
<meta name=”viewport” content=”width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0>
y luego en mi archivo css
Código:
@media screen and (max-width: 700px) {
Estando en el ordenador, si reduzco la ventana del navegador veo como el diseño se va adaptando a esta y cambia al ser menor de 700 px.
Mi problema viene cuando intento verla desde el iphone, que tiene una resolución de 640 px, y no veo el diseño adaptado. Tampoco lo veo con el Opera Mobile Emulator poniendo un Samsung galaxy SII.
A todo esto me surge la duda, hoy en día los smartphones tienen resoluciones que son incluso mayores a muchas pantallas de ordenador, por lo que adaptar el diseño según los pixeles me parece algo absurdo, no?
podeis ver la web aqui [URL="http://www.cominges.es/"]http://www.cominges.es/[/URL]
Muchas gracias de antemano.