responsive-design

Czy są jakieś responsywne szablony dla ASP.NET MVC 3/4

Szukałem responsywnych szablonów dla ASP.NET MVC 3/4, które można wykorzystać jako bazę, a następnie rozszerzyć zgodnie z wym ... rzystać ASP.NET strony MVC ? To z pewnością ułatwi życie wszystkim programistom MVC, jeśli mają responsywny szablon. Dzięki.

Zmień rozmiar czcionki zgodnie z rozmiarem div

Składa się z 9 pudełek, w środku znajduje się tekst. Zrobiłem to tak pudełka, aby zmieniały rozmiar wraz ze zmianą rozmiaru e ... <div id="box7"></div> <div id="box8"></div> <div id="box9"></div> </div>

Jakie są zasady nakładania się zapytań o media CSS?

Jak dokładnie rozmieścić zapytania o media, aby uniknąć nakładania się? Na przykład, jeśli weźmiemy pod uwagę kod: @media ... ywiście nie na zwykłym wyświetlaczu, ale na siatkówce?) Jestem najbardziej ciekawy odpowiedzi tutaj biorąc pod uwagę spec.

Jak mogę rozwinąć dziecięcy div do 100% szerokości ekranu, jeśli kontener div jest mniejszy?

Element nadrzędny całej strony to wyśrodkowany div ograniczony do maksymalnej szerokości 960px. Wszystkie pozostałe elementy ... e w moim przypadku. Czy istnieje sposób na rozszerzenie wewnętrznego div do pełnej szerokość ekranu w układzie responsywnym?

Pojedyncze i wielokrotne arkusze stylów w responsywnym projektowaniu stron internetowych

W skrócie: Czy należy używać jednego lub wielu arkuszy stylów podczas projektowania responsywnego? W szczegółach: W re ... Kiedy należy wybrać każde podejście? W jaki sposób plusy i minusy liczby żądań HTTP i rozmiaru pliku układają się w praktyce?

Tworzenie ukośnej linii/sekcji / obramowania za pomocą CSS

Staram się utworzyć ukośną linię na stronie internetowej, aby działać jako podział sekcji/sekcji. Jest to zasadniczo sekcja p ... nej w tym div. Mogę wtedy rzucić okiem na dodanie obrazu, ale głównym problemem jest niewiedza, czy jest to możliwe z CSS.

Twitter Bootstrap Ukryj element na małych urządzeniach

Mam ten kod: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li> ... ednocześnie chcę, aby inne bloki rozszerzyły się (zmień klasę z col-sm-3 na col-sm-4) col-sm-4 X 3 = 12. Jakieś rozwiązanie?

Jaki jest kontekst em?

W tym przykładzie: CSS h1 { font-size: 2em; } .smaller { font-size: 0.5em; } HTML <h1>Hi, I am a <span cla ... " będzie wynosić 0,5 razy 16px (standardowy rozmiar czcionki przeglądarki) czy będzie to 0,5 razy 2em (rozmiar czcionki h1)?

Bootstrap 3 obcinaj długi tekst w wierszach tabeli w sposób responsywny

Używam tabel bootsrap 3, Kiedy umieszczam duży tekst w tabeli, zostaje on owinięty na kilka linii, ale chcę, aby był obcinany ... y to możliwe ? jak ? PS: każde rozwiązanie jest mile widziane, ale chciałbym, aby to był tylko HTML / CSS, jeśli to możliwe.

Angular2 - wyrażenie zostało zmienione po sprawdzeniu-powiązanie z szerokością div ze zdarzeniami resize

Przeczytałem i zbadałem ten błąd, ale nie jestem pewien, jaka jest prawidłowa odpowiedź dla mojej sytuacji. Rozumiem, że w tr ... jest lepszy ogólny rozwiązanie? Aby uzyskać więcej szczegółów na temat mojego projektu, zobacz to podobne pytanie. Dzięki

Poprawny sposób dodawania wypełnienia do ciała Bootstrap, aby zapobiec nakładaniu się treści i nagłówka

Rozumiem, że aby główny kontener w Bootstrap nie był na górze ciała, a za paskiem nawigacyjnym, musisz dodać padding w ten sp ... "> <link href="css/main.css" rel="stylesheet" media="screen"> Czy uważasz, że takie rozwiązanie jest dopuszczalne?

Responsywny Trójkąt CSS o szerokości procentów

Poniższy kod utworzy strzałkę tuż pod elementem <a>: JSFiddle .btn { position: relative; display: i ... zmiarze, ponieważ nie możemy wskazać szerokości obramowania w pikselach. Jak zrobić responsywny Trójkąt W oparciu o procent?

Mozaika obrazów HTML / CSS

Chcę stworzyć układ obrazu z obrazami portretowymi wewnątrz div ze stałym współczynnikiem proporcji 3:2. Rozmiar zdjęć to 32 ... n: absolute;} ._pictures1-01 {top: 0px; left: 35px;} ._pictures1-02 {top: 200px; left: 0px;} /* ... SO ON ... */ Jsfiddle

jQuery-wykonywanie skryptów na podstawie rozmiaru ekranu

Czy możliwe jest uruchamianie niektórych skryptów jQuery tylko wtedy, gdy rozmiar ekranu / urządzenia jest większy niż szerok ... większych niż 1024px. Jeśli ktoś odwiedza telefon komórkowy, chcę tylko, aby wszystkie obrazy były ułożone jeden na drugim...

Siatka Bootstrap 3 Twittera, zmiana punktu przerwania i usunięcie wypełnienia

Próbuję przejść do nowej siatki boostrap 3 i napotykam pewne trudności. Jak ustawić siatkę w stos poniżej 480px, ale nie po ... reen" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div> </div> </div>

Ustaw komórki tabeli w kwadracie

Jak upewnić się, że każda komórka tabeli powinna stać się kwadratem bez stosowania stałych rozmiarów? I być responsywne gdy ... <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <table>

Jak korzystać z systemu Bootstrap 3 grid z komponentem table?

Rozpocząłem migrację do systemu grid używając Bootstrap 3, ale wszystkie przykłady w dokumentacji używają Div: http://getboo ... > <td class="col-md-9"> Value 3 </td> </tr> </table> </div> Z góry dzięki.

Bootstrap 3 responsywny stół ze stałą pierwszą kolumną

Celuję specjalnie na komórkę, więc mam tabelę reagującą na Bootstrap. Jest to tylko div z klasą bootstrap "table-responsive" ... prawdopodobne, że nie będzie przewijania za każdym razem, ale pierwsza kolumna zawiera to, co są zasadniczo tabela nagłówki.

Jak sprawić, by układ responsywny Bootstrap działał na IE8

Szukałem przez jakiś czas i znalazłem kilka osób działa, ale żaden z nich nie dostarcza żadnych próbek kodu. Próbowałem ich ... cript type="text/javascript" src="js/respond.js"></script>--%> </script> </body> </html>

Zmiana kolejności divów za pomocą Twittera Bootstrap?

Pracuję z Twitter Bootstrap v3 i chcę ponownie uporządkować elementy, używając column ordering i offsetting . Tak chciałby ... rap 3 ' s column ordering and offsetting . Czy to możliwe? To tyle, ile mam używając JSFiddle: http://jsfiddle.net/3vYgR/