Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Szerokość strony
mrk9109
post 23.03.2016, 19:26:37
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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


Witam mam mały problem z wersją strony na telefonie Mam 4 divy po width: 100% ( pasek pod logiem , menu , stopka i pod stopką) i na tel nie działa mi własnie parametr 100%(tło ucina do parametrów 800pixeli a logo ma 1300 ) przez co strona nie ladnie wyglada jak to rozgryźć ? Próbowałem nawet szerokośc dodać w media i tak lipa

  1. @media (min-width: 1100px) {
  2. #green{width:100%;}
  3. #nav{width:100%;}
  4. }
  5. @media (max-width: 1100px) and (min-width: 1000px) {
  6. #green{width:100%;}
  7. #nav{width:100%;}
  8. }
  9. @media (max-width: 1000px) and (min-width: 800px) {
  10. #green{width:100%;}
  11. #nav{width:100%;}
  12. }
  13. @media (max-width: 800px) and (min-width: 500px) {
  14. #green{width:100%;}
  15. #nav{width:100%;}
  16. }
  17. @media (max-width: 500px) {
  18. #green{width:100%;}
  19. #nav{width:100%;}
  20. }


Ten post edytował mrk9109 23.03.2016, 19:27:40
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
koodo218
post 23.03.2016, 19:40:34
Post #2





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

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


Jakiś przykład na żywo (struktura)?
Logo możesz mieć zarówno jako tło w jakimś divie, albo zwykłe img.
Możesz zwykłe max-width: 100% wystarczy?


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post
mrk9109
post 23.03.2016, 20:24:18
Post #3





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

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


http://zzrgchwalowice.pl/ na zywo zobacz co na tel sie robi dlaczego nie stosuje wlasnie width 100% i probowalem z max
Go to the top of the page
+Quote Post
koodo218
post 23.03.2016, 21:45:32
Post #4





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

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


Usuń właściwość width z div'a o id logo i nadaj obrazkowi max-width: 100%, wtedy będzie się skalował w zależności od szerokości.


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:10