Pytania oznaczone «responsive-design»

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,...

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ć...

Jaka jest różnica między col-lg-*, col-md-*a col-sm-*w Twitter

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 ......

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>...

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ą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...

Chcę, aby przycisk zajmował całą szerokość kolumny, ale mam trudności ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Jak ustawić przycisk tak szeroki, jak

Załóżmy, że mam skrypt histogramu, który buduje grafikę 960 500 svg. Jak sprawić, by to reagowało, więc zmieniając szerokość, szerokość i wysokość grafiki były dynamiczne? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an...

Obecnie, gdy szerokość przeglądarki spada poniżej 768 pikseli, pasek nawigacyjny przechodzi w tryb zwinięty. Chcę zmienić tę szerokość na 1000px, więc gdy przeglądarka jest poniżej 1000px, pasek nawigacyjny przechodzi w tryb zwinięty. Chcę to zrobić bez użycia MNIEJ, używam rysika nie MNIEJ. Mój...

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...

(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...

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...

На этот вопрос есть ответы на 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...

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,...

Testuję pasek nawigacyjny responsywności Bootstrap i mam witrynę demonstracyjną . Kiedy zmieniam rozmiar przeglądarki na pulpicie, wszystko działa dobrze, w tym pasek nawigacyjny, który staje się rozwijanym menu z małą ikoną u góry, którą mogę kliknąć, aby zobaczyć więcej przycisków menu. Ale...

Muszę utworzyć responsywną stronę za pomocą bootstrap, umieszczając element div na środku strony, jak w poniższym układzie.

Mam następujący kod, który konfiguruje kontener, którego wysokość zmienia się wraz z szerokością, gdy przeglądarka jest zmieniana (aby zachować kwadratowy współczynnik proporcji). HTML <div class="responsive-container"> <div class="dummy"></div> <div...

IPhone 5 ma dłuższy ekran i nie łapie mobilnego widoku mojej witryny. Jakie są nowe responsywne zapytania projektowe dla iPhone'a 5 i czy mogę łączyć z istniejącymi zapytaniami dotyczącymi iPhone'a? Moje aktualne zapytanie o media jest takie: @media only screen and (max-device-width: 480px)...

Mam wideo YouTube osadzone na naszej stronie internetowej i kiedy zmniejszam ekran do rozmiarów tabletu lub telefonu, przestaje on zmniejszać się przy szerokości około 560 pikseli. Czy to standard w przypadku filmów na YouTube, czy jest coś, co mogę dodać do kodu, aby go