Pytania otagowane jako responsive-design

Responsive Web Design (RWD) to podejście do projektowania i tworzenia witryn internetowych, które ma na celu tworzenie witryn w celu zapewnienia optymalnych doświadczeń na szerokiej gamie urządzeń w oparciu o rozmiar ekranu, platformę i orientację.

30
Skalowanie czcionek na podstawie szerokości pojemnika
Trudno mi się zastanowić nad skalowaniem czcionek. Obecnie mam tę stronę z font-size100% treścią. 100% czego? Wydaje się, że oblicza się przy 16 pikselach. Miałem wrażenie, że 100% w jakiś sposób odnosi się do rozmiaru okna przeglądarki, ale najwyraźniej nie dlatego, że zawsze jest 16 pikseli, niezależnie od tego, czy …

25
Zachowaj proporcje div z CSS
Chcę utworzyć taki, divktóry może zmieniać szerokość / wysokość wraz ze zmianą szerokości okna. Czy są jakieś reguły CSS3, które pozwoliłyby na zmianę wysokości w zależności od szerokości, przy jednoczesnym zachowaniu proporcji ? Wiem, że mogę to zrobić za pomocą JavaScript, ale wolałbym używać tylko CSS.


5
System płynny lub stały, w responsywnym projekcie, oparty na Bootstrap na Twitterze
Mylę się co do różnych opcji w siatce ładującej Twittera i ich wzajemnego połączenia. Na początek możesz mieć zwykłą stałą containerlub container-fluid. Wtedy każdy może obejmować zwykły rowlub płynny rząd row-fluid. Oznacza to, że możesz mieć stały pojemnik z rzędem płynów lub pojemnik-płyn ... ze stałym rzędem? Ponadto możesz dołączyć …

29
Elastyczny rozmiar czcionki w CSS
Stworzyłem witrynę za pomocą siatki Zurb Foundation 3 . Każda strona ma dużą h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> …

17
Czy „display: none” uniemożliwia załadowanie obrazu?
W każdym samouczku dotyczącym programowania witryn responsywnych zaleca się korzystanie z display:nonewłaściwości CSS w celu ukrycia treści przed ładowaniem w przeglądarkach mobilnych, aby strona ładowała się szybciej. Czy to prawda? Nie display:noneładuje zdjęć lub nadal ładuje zawartość w przeglądarce mobilnej? Czy jest jakiś sposób, aby zapobiec ładowaniu niepotrzebnych treści w …

8
Ukrywasz elementy w responsywnym układzie?
Przeglądając bootstrap, wygląda na to, że obsługują zwijanie elementów paska menu dla mniejszych ekranów. Czy jest coś podobnego do innych elementów na stronie? Na przykład mam pigułki nawigacyjne płynące w prawo. Na małym ekranie powoduje to problemy. Chciałbym przynajmniej umieścić go w podobnym menu rozwijanym „kliknij, aby pokazać”. Czy jest …




19
Responsywne obrazy tła css
Mam stronę internetową (g-floors.eu) i chcę, aby tło (w css zdefiniowałem obraz bg dla treści) również było responsywne. Niestety tak naprawdę nie mam pojęcia, jak to zrobić, z wyjątkiem jednej rzeczy, o której mogę myśleć, ale jest to całkiem obejście. Tworzenie wielu obrazów, a następnie używanie rozmiaru ekranu css do …

9
iOS 8 usunął właściwość okna „minimalnego interfejsu użytkownika”, czy istnieją inne rozwiązania „miękkiego ekranu pełnoekranowego”?
(To pytanie składa się z wielu części, postaram się jak najlepiej podsumować scenariusz.) Obecnie tworzymy responsywną aplikację internetową (czytnik wiadomości), która pozwala użytkownikom przesuwać zawartość między kartami, a także przewijać zawartość kart w pionie. Powszechnym podejściem do problemu jest posiadanie opakowania divwypełniającego okno przeglądarki, ustawionego overflowna hiddenlub auto, a następnie …

11
Wsparcie IE8 dla CSS Media Query
Czy IE8 nie obsługuje następującego zapytania o media CSS: @import url("desktop.css") screen and (min-width: 768px); Jeśli nie, jaki jest alternatywny sposób pisania? To samo działa dobrze w przeglądarce Firefox. Masz problemy z poniższym kodem? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

4
Siatka responsywnych kwadratów
На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (responsywny) квадратов Zastanawiam się, jak zabrałbym się do stworzenia układu z responsywnymi kwadratami . Każdy kwadrat miałby zawartość wyrównaną w pionie i poziomie . Konkretny przykład przedstawiono poniżej ...

22
Tworzenie responsywnych elementów iframe
Czytałem ten post zatytułowany „Czy możesz sprawić, by ramka iFrame reagowała?” I jeden z komentarzy / odpowiedzi doprowadził mnie do tego pliku jfiddle. Ale kiedy próbowałem zaimplementować HTML i CSS do swoich potrzeb, nie miałem takich samych wyników / sukcesu. Stworzyłem własne skrzypce JS, więc mogłem pokazać, jak to nie …

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.