Estoy creando un sitio web en el que he creado un botón de pantalla completa, que puede ser útil en dispositivos móviles, al menos para mi sitio web. Esto se hace a través de algún Javascript. Sin embargo, si no me equivoco, este modo de pantalla completa no funciona en Safari (o tal vez solo en iOS en general). Básicamente, me gustaría quitar el botón en esos casos, ya que no funciona para ellos.
¿Se puede lograr esto con CSS, o también necesito algo de Javascript?
Creo que esto es lo que estás buscando:
@supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ } @supports not (-webkit-touch-callout: none) { /* CSS for other than iOS devices */ }