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ę.
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 …
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.
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ć …
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 …
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 …
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 kolumna?
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 Irwin-Hall distribution. …
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 problem jest taki sam, jak w tym …
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 …
(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 …
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);
На этот вопрос есть ответы на 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 ...
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 …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.