Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Twitter bootsrap responsive padding
pitu
post
Post #1





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

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


Witam

Mam pytanie czy ktoś wie czy jest takie coś do wykonania bez użycia Javascript?

Otóż posiadam element z tłem, które posiada ramki. W przypadku np. gdy element ma szerokość 960px i wysokość 480px to padding aby pominąć treść na ramkach będzie np. 10px 15px. Jak wiadomo gdy otworzę stronę w mniejszej rozdzielczości obrazek w tle jest skalowany i ramki są węższe i padding powinien być inny.

W JS bez problemu mogę obliczać i ustawiać padding.

(IMG:http://img.pl/kRSf.jpg)
Go to the top of the page
+Quote Post
Crozin
post
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Ustaw procentowy margines wewnętrzny? Ewentualnie możesz jeszcze posilić się @media.
Go to the top of the page
+Quote Post
stankiewiczpl
post
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 25.01.2011

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


To może uzupełnie podpowiedź przedmówcy.

Boostrapowe rozdzielczości
  1. /* Large desktop */
  2. @media (min-width: 1200px) { ... }
  3.  
  4. /* Portrait tablet to landscape and desktop */
  5. @media (min-width: 768px) and (max-width: 979px) { ... }
  6.  
  7. /* Landscape phone to portrait tablet */
  8. @media (max-width: 767px) { ... }
  9.  
  10. /* Landscape phones and down */
  11. @media (max-width: 480px) { ... }
Go to the top of the page
+Quote Post
proszek
post
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 1
Dołączył: 29.12.2004

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


Tak jak przedmówcy powiedzieli - albo padding w % albo px i dostosowanie za pomocą @media przy zmniejszaniu rozdzielczości.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.12.2025 - 23:13