Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Pełne skalowanie strony., Czcionki, obrazki, tabele, wszystkie elementy strony.
MadManix
post
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 2
Dołączył: 18.05.2016

Ostrzeżenie: (0%)
-----

Witam,
W jaki sposób są tworzone strony internetowe, które są całkowicie skalowalne? Przykładowa strona: dhl.com.pl

Gdy wyświetlam ją na swoim telefonie (przeglądarka blackberry 7.1.0) - każdy element strony jest pomniejszony, wyskalowany proporcjonalnie do tego co pokazałoby się na zwykłym ekranie komputera. Czcionka jest pomniejszona, nieczytelna, trzeba powiększyć ekran żeby móc cokolwiek przeczytać - właśnie szukam czegoś takiego.

Tam, do określania wielkości czcionki, używają jednostek em. Kiedy stosuję u siebie te jednostki - nie daje tego efektu, podobnie z %, px. Jednostki vw, vh odpadają - przeglądarka ich nie obsługuje.

Czy ustawia się to może za pomocą jakiegoś meta tagu? Aktualnie mam: 
[HTML] pobierz, plaintext 
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Kerth
post
Post #2





Grupa: Zarejestrowani
Postów: 250
Pomógł: 1
Dołączył: 6.08.2012

Ostrzeżenie: (0%)
-----

Wywal całkowicie ten metatag, bo nie wnosi on nic do tematu. Co do pełnego skalowania strony-jest to nic innego jak stosowanie niedynamicznych elementów blokowych(div) posługujśc się z pixelami. Każde użycie % czy auto stwarza pewien fragment responsywności, przypasowując stronę do przeglądarek mobilnych. To tak w skrócie.
[PHP] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3.      <head>
  4.      <style>.content { wisth:900px; height: 60px; padding: 2px; border : 1px black solid }</style>
  5.      </head>
  6.      <body>
  7. <div class="content">Jakiś tekst w boxie. Przybliż, aby zobaczyć więcej</div>
  8.      </body>
  9. </html>
[PHP] pobierz, plaintext


Pisane z telefonu. Zapisz to sobie, uruchom na telefonie i zobacz efekt.

Ten post edytował Kerth 20.08.2016, 00:49:08
Go to the top of the page
+Quote Post

Posty w temacie
- MadManix   [HTML]Pełne skalowanie strony.   19.08.2016, 21:54:51
- - vokiel   Strona DHLa to chyba zły przykład, bo ona akurat s...   19.08.2016, 22:11:56
|- - MadManix   Cytat(vokiel @ 19.08.2016, 23:11:56 )...   19.08.2016, 22:21:44
- - Comandeer   Strona DHL jest po prostu nieprzystosowana do urzą...   19.08.2016, 22:58:18
- - MadManix   Jeszcze jeden przykład atmel.com. Tutaj div ...   19.08.2016, 23:54:30
- - Kerth   Wywal całkowicie ten metatag, bo nie wnosi on nic ...   20.08.2016, 00:47:50
- - MadManix   OK, dziękuję. Działa.   20.08.2016, 10:06:33

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.10.2025 - 23:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn