responsive-design
Zachowaj współczynnik proporcji div za pomocą CSS
Chcę utworzyć div, który może zmieniać swoją szerokość / wysokość w miarę zmiany szerokości okna.
Czy są jakieś reguły CSS3, ... ności od szerokości, przy zachowaniu proporcji ?
Wiem, że mogę to zrobić przez JavaScript, ale wolałbym używać tylko CSS.
Skalowanie czcionek na podstawie szerokości kontenera
Mam problem ze skalowaniem czcionek.
Obecnie posiadam tę stronę z ciałem font-size w 100%. 100% czego? To wygląda na 16px. ... nia, w przeciwnym razie skończę z setkami punktów przerwania za każde zmniejszenie szerokości o 100px, aby kontrolować tekst.
Wysokość równa szerokości dynamicznej (CSS fluid layout) [duplikat]
To pytanie ma już odpowiedź tutaj:
Zachowaj proporcje div za pomocą CSS
... |
| |
| |
| |
| |
+----------+
CSS
div {
width: 80%;
height: same-as-width
}
Jaki jest najlepszy sposób na zrobienie d3.układ wizualizacji js responsywny?
Załóżmy, że mam skrypt histogramu, który tworzy grafikę svg 960 500. Jak zrobić responsywny tak na resize graficzne szerokośc ... 1", height)
.attr("y2", height);
</script>
Pełny przykład histogramu gist to:
https://gist.github.com/993912
Responsywny rozmiar czcionki w CSS
Stworzyłem stronę używając siatki Zurb Foundation 3. Każda strona ma duży h1:
body {
font-size: 100%
}
/* Heade ... się do przeglądarki, ponieważ jest skompresowana i rozszerzona.
Czy przegapiłem coś naprawdę oczywistego? Jak to osiągnąć?
Wyrównaj w pionie obraz wewnątrz div z wysokością czułości
Mam następujący kod, który ustawia kontener, który ma wysokość, która zmienia się wraz z szerokością, gdy przeglądarka jest z ... obrazy mają zmienną wysokość, a kontener nie może mieć stałej wysokości/wysokości linii, ponieważ reaguje... Proszę o pomoc!
Siatka reagujących kwadratów
Zastanawiam się, jak mógłbym stworzyć układ z responsywnymi kwadratami. Każdy kwadrat miałby w pionie i poziomie Zawartość. Konkretny przykład jest wyświetlany poniżej...
Jaka jest różnica między col-lg -*, col-md-* i col-sm - * w Bootstrap?
Jaka jest różnica między col-lg-* , col-md-* i col-sm-* W Twitter Bootstrap?
iPhone 5 CSS media query
[1]}iPhone 5 ma dłuższy ekran i nie łapie mobilnego widoku mojej strony. Jakie są nowe zapytania projektowe responsywne dla i ... i zapytaniami iPhone ' a?
Moje aktualne Zapytanie o media Jest Takie:
@media only screen and (max-device-width: 480px) {}
Responsively change div size keeping aspect ratio [duplicate]
To pytanie ma już odpowiedź tutaj:
Zachowaj proporcje div za pomocą CSS
... śli chcę ten sam efekt z innym elementem, czy jest w ogóle możliwe Związanie szerokości i wysokości razem za pomocą procentu?
iOS 8 usunięto właściwość viewport "minimal-ui", czy są inne rozwiązania "soft fullscreen"?
(jest to pytanie wieloczęściowe, postaram się jak najlepiej podsumować scenariusz.)
[11]} obecnie budujemy responsywną apli ... awigacyjne; dla iPhone 4 lub starszych to 372).
Chciałbym usłyszeć jakieś alternatywy (oprócz budowania natywnej aplikacji).
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. Nies ...
width: 85%;
height: 610px;
margin-left: auto;
margin-right: auto;
}
Obsługa IE8 dla CSS Media Query
Czy IE8 nie obsługuje następującego zapytania CSS media:
@import url("desktop.css") screen and (min-width: 768px);
Jeśli ... oblemy z poniższym kodem?
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);
Czy "display:none" zapobiega wczytywaniu się obrazu?
Każdy samouczek tworzenia responsywnych stron internetowych zaleca użycie właściwości display:none CSS, aby ukryć zawartość p ... ść w przeglądarce mobilnej? Czy jest jakiś sposób, aby zapobiec wczytywaniu niepotrzebnych treści w przeglądarkach mobilnych?
Zmniejsz wideo YouTube do responsywnej szerokości
Mam wideo z YouTube osadzone na naszej stronie internetowej i kiedy kurczę ekran do rozmiarów tabletu lub telefonu przestaje ... w około 560px szerokości. Czy jest to standard dla filmów z YouTube, czy jest coś, co mogę dodać do kodu, aby go zmniejszyć?
Jak usunąć responsywne funkcje w Twitter Bootstrap 3?
Od Bootstrap 3 nie ma już oddzielnych plików dla responsywnych i standardowych arkuszy stylów. Jak więc łatwo usunąć responsywne funkcje?
Zachować proporcje div, ale wypełnić szerokość i wysokość ekranu w CSS?
Mam stronę do złożenia, która ma stały współczynnik proporcji około 16:9 krajobraz, jak film.
Chcę go wyśrodkować i rozwiną ... a pionowe paski przewijania.
Wiem można to zrobić z JS dość łatwo, ale chciałbym czystego rozwiązania CSS.
Jakieś pomysły?
Jak wystylizować div, aby był responsywnym kwadratem? [duplikat]
to pytanie ma już odpowiedzi tutaj :
... na. Gdy szerokość rodzica maleje, pole powinno się zmniejszać, zachowując swój współczynnik proporcji.
Jak to zrobić to CSS?
Wyświetlacze Retina, obrazy tła o wysokiej rozdzielczości
To może brzmieć jak głupie pytanie.
Jeśli używam tego fragmentu CSS do zwykłych wyświetlaczy (gdzie box-bg.png jest 200px na ... p left;}
}
Czy muszę podwoić Rozmiar .box div do 400px przez 400px, aby dopasować nowy obraz tła o wysokiej rozdzielczości?
Tworzenie stałego paska bocznego obok wyśrodkowanej siatki Bootstrap 3
Chciałbym utworzyć stały pasek boczny, który istnieje poza moją wyśrodkowaną siatką Bootstrap. Wyzwaniem, przed którym stoję ... 100%;
}
#left-nav {
background: #2b2b2b;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 250px;
}