Se connecter

Informatique

Création de sites web

Sujet : Rendre petite page HTML mobile friendly
1
Cypher-geek
Niveau 10
09 mai 2018 à 08:56:44

Bonjour !

Pour mon projet en électronique, je gère l'ouverture d'une porte via une page HTML (ce qui n'est pas mon fort :noel:). L'ouverture se fait par un script CGI Python (le server le python CGIHTTPSERVER).

Mon morceau de code qui lance le script est :

<form action="http://192.168.10.1:8000/cgi-bin/ouverture.py">
<input type="submit" value="Open" />
</form>

Ce qui donne sur mobile :

https://www.noelshack.com/2018-19-3-1525848930-32073146-1644738238981000-6044649346467627008-n.png

Autant dire que c'est pas pratique :hap: Y aurait-il un moyen de faire des genre de gros bouton ou faire que le navigateur zoom automatiquement sur les 2 boutons ? :noel:

Merci d'avance !

FlashbangEMS
Niveau 5
09 mai 2018 à 10:08:32

Oui tu peux, regarde les medias queries au niveau du CSS, c'est simple et efficace : https://www.alsacreations.com/article/lire/930-css3-media-queries.html

SuperNG1Chuck
Niveau 10
09 mai 2018 à 12:52:42

Salut
Faut utimiser la balise méta viewport

https://developer.mozilla.org/fr/docs/Mozilla/Mobile/Balise_meta_viewport

Cypher-geek
Niveau 10
17 mai 2018 à 21:57:15

Désolé pour la réponse tardive j'ai eu plein de problème sur l'électronique du coup l'interface web m'était un peu sortie de la tête mais je viens de tester avec le meta viewport et ça marche nickel !

Merci à tous les 2 :ok:

1
Sujet : Rendre petite page HTML mobile friendly
   Retour haut de page
Consulter la version web de cette page