Quiero tener 2 salidas diferentes para móvil y escritorio, ¿cómo debo manejarlo con javascript? por ejemplo
primero verifico el ancho del dispositivo si el ancho <= 700 px es móvil = verdadero y muestra la salida móvil (html, js, css) de lo contrario, móvil = falso significa que el dispositivo es un escritorio y muestra la salida del escritorio (otro html, js, css)
¿como puedo hacer esto?
Si debe manejarlo a través de JavaScript, puede usar las propiedades window.screen.width y window.screen.height para verificar la altura y el ancho de los dispositivos. Pero como ya sugirió un comentario, es posible que desee ver las consultas de medios en CSS, son bastante poderosas.
posible uso
if(window.screen.width <= 700) { // do mobile logic } else { // do desktop logic }Puede usar la consulta de medios para manejar lo que hará por su tamaño de pantalla.
Aquí está para manejarlo con JS,
Referencia:
Y aquí es cuando quieres manejar con CSS, puedes seguir este enlace