Wpis z mikrobloga

Kojarzy ktoś gotowy skrypt, który rozciągnie stronę na cały ekran telefonu, używając CSS zoom lub innej techniki? Chodzi o to, że jest strona, co ma założony constraint na body np. width: 800, height: 600, ale dziś rozdzielczości są wyższe niż 20 lat temu, każdy używa praktycznie już tylko telefonu do przeglądania neta i grania w gry, stąd potrzeba przeskalowania zawartości fit-to-screen, wyśrodkować, a krawędzie pomalować na czarno. Mogę samemu to napisać, ale może ktoś to już zrobił i przetestował na różnych urządzeniach.

Tak faktycznie to jest gierka, która ma sztywne wymiary pod rozdzielczości N lat temu.

#frontend #html #css #javascript
  • 2
  • Odpowiedz
@react_dev: To zadziałało:

<meta name="viewport" content="width=636, height=auto" />

no i przynajmniej w Chrome ładnie się centruje także w pionie, ale trzeba wykryć orientację ekranu

gierka sprzed 15 lat oparta o DOM (HTML+JS), można ją było potem przepisać na SVG lub <canvas> i problem ze skalowaniem sam by się rozwiązał

ratio jest 3:2 i nie pamiętam już, skąd się wzięło, chyba z podobnych gier tego typu

a detekcję ekranu dotykowego można zrobić
  • Odpowiedz