¿Hay una manera simple de hacer que una página HTML se ajuste automáticamente para los usuarios de teléfonos móviles? Mi página: http://www.xiexianhui.com/baxjoomla15/index0.html aparentemente no cabe en mi teléfono Sony xperia ray.¿Cómo puedo hacer que mi página HTML se ajuste automáticamente para los usuarios de dispositivos móviles?
Primero debe echar un vistazo a los conceptos de Responsive Web Design. Simplemente hay demasiado y esta pregunta es demasiado genérica para responder a todo. Pero en resumen, requiere 3 componentes:
Si solo desea que su sitio se visualice en su totalidad en la pantalla del teléfono, deberá usar el viewport meta tag. Poner esto en el <head> de su página:
<meta name="viewport" content="width=device-width">
y su página se ajuste por completo la pantalla. Pero notarás que ahora todo es excepcionalmente pequeño y no utilizable. El diseño web receptivo es la solución para eso.
Hmmm, lo siento por la pregunta que puede sonar ingenuo ti. Agregué la metainformación como me instruyó y cargué el nuevo archivo en el servidor, el enlace http://www.xiexianhui.com/baxjoomla15/index0.html aún no funciona para mi celular, ¿funciona para su celular o ipad? Gracias. – mdivk
Está utilizando un diseño basado en 'tabla'. Casi nada disussed en mi o en otras respuestas funcionará con eso. La comunidad de diseño web dejó de usar diseños basados en "tablas" y se comprometió por completo con los diseños basados en CSS en algún momento alrededor de 2003/2004, dependiendo de cómo lo mires. Y, al lado del otro, coloca el contenedor #content principal como absoluto. Esto también hace que todas las sugerencias en este hilo no funcionen – kremalicious
Gracias por esto, no soy bueno en html, ¿podría arrojarme más luz sobre cómo crear esta página? Todo lo que necesito es hacer una página de mosaico como la de WIN 8, ya que se ve como una tabla, creé una tabla para simularla. Sería muy apreciado si puedes crear una página de muestra para mí. Gracias de antemano. – mdivk
Para respaldar lo que ya se ha dicho: WURFL, http://wurfl.sourceforge.net/, Wireless Universal Resource FiLe, es un repositorio de descripción de dispositivo (DDR), es decir, un componente de software que asigna encabezados HTTP Request al perfil del cliente HTTP (Computadora de escritorio, dispositivo móvil, tableta, etc.) que emitió la solicitud.
Un atajo: prepare 3 diseños diferentes que cubrirán teléfonos antiguos básicos, nuevos teléfonos coloridos y teléfonos y PDA con funciones de alto nivel. Esta es una tarea bastante simple y al mismo tiempo ofrece excelentes resultados. Me gustaría darle un vistazo a este enlace también. http://mobiforge.com/developing/story/introduction-wurfl
Gracias, voy a echar un vistazo más adelante, aunque no parece ser un trabajo de 5 minutos para mí. – mdivk
Pruebe Bootstrap. ¿Necesito decir mas?
Por favor, diga más. Tal vez dar algunos ejemplos de uso, etc. –
posible duplicado de [tutorial de diseño de respuesta?] (Http://stackoverflow.com/questions/10061572/responsive-layout-tutorial) –