He visto un montón de preguntas de desbordamiento de pila respondidas que abordan el problema de mostrar una versión de escritorio en un dispositivo móvil, pero estoy tratando de descubrir cómo podría obligar a un navegador a mostrar una versión móvil de un sitio en una computadora de escritorio.
Pero, ¿existe algún equivalente para las versiones de escritorio, de modo que pueda 'engañar' al navegador para que use consultas de medios para un ancho de dispositivo más pequeño? Esencialmente cargando el css móvil en la versión de escritorio.
En esencia, estoy tratando de agregar un botón de alternancia que, cuando se hace clic, muestra mi página como si fuera móvil. Soy consciente de que puede lograr este efecto con las herramientas de Chrome, pero quiero incorporar esa funcionalidad y estoy luchando por descubrir cómo decirle al navegador que se comporte como si la ventana gráfica fuera del tamaño de un dispositivo móvil.
¡Gracias!
si sus consultas de medios CSS no funcionan bien en el escritorio, probablemente se esté perdiendo
<meta name='viewport' content='width=device-width' />y si funcionan bien pero desea que su sitio web tenga la misma vista tanto en dispositivos móviles como en computadoras de escritorio, entonces, ¿por qué está utilizando consultas de medios?
elimínelos y su CSS funcionará en todos los tamaños de la misma manera
cargue el sitio en su teléfono móvil, tome nota de la url. Si tiene un "/m", por ejemplo, "https://www.example.com/m", inclúyalo como tal en su navegador de escritorio y se cargará la versión móvil. Esto funciona para mi.