CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Rendre petite page HTML mobile friendly

Cypher-geek
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://image.noelshack.com/fichiers/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
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
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
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:

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment