Pytania otagowane jako css

Korzystając z przeglądarki Firefox, możesz powiększyć całą stronę internetową, po prostu naciskając CTRL +. Powoduje to proporcjonalne powiększenie całej strony internetowej (czcionki, obrazy itp.). Jak mogę powielić tę samą funkcjonalność używając prostego CSS? Czy jest coś takiego page-size: 150%(co zwiększyłoby całą stronę o x%?)

153 html  css  resize 

TL; DR: Czy jest coś podobnego table-layout: fixeddo siatek CSS? Próbowałem utworzyć kalendarz z widokiem na rok z dużą siatką 4x3 dla miesięcy i tam zagnieżdżonymi siatkami 7x6 dla dni. Kalendarz powinien wypełniać stronę, tak aby kontener siatki lat miał szerokość i wysokość 100% każdy. .year-grid { width: 100%; height: …

153 css  grid-layout  css-grid 

Jaki jest najłatwiejszy sposób wykrycia, czy element został przepełniony? Mój przypadek użycia polega na tym, że chcę ograniczyć określone pole zawartości, aby miało wysokość 300 pikseli. Jeśli zawartość wewnętrzna jest wyższa, odcinam ją przelewem. Ale jeśli jest przepełniony, chcę pokazać przycisk „więcej”, ale jeśli nie, nie chcę pokazywać tego przycisku. …

153 javascript  css  overflow 

Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Zamknięte 2 lata temu . Zamknięte . To pytanie i odpowiedzi na nie są zablokowane, ponieważ pytanie jest niezwiązane z tematem, ale ma znaczenie historyczne. Obecnie nie przyjmuje nowych odpowiedzi ani interakcji. Gdy użytkownik kliknie przycisk na …

152 javascript  html  css 

Czy istnieje sposób, aby uniemożliwić użytkownikowi zobaczenie ducha obrazu, który próbują przeciągnąć (nie dotyczy to bezpieczeństwa obrazów, ale wrażenia). Wypróbowałem to, co rozwiązuje problem z niebieskim zaznaczeniem tekstu i obrazów, ale nie z obrazem-duchem: img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (Próbowałem też zagnieżdżać …

152 javascript  html  css 

Używam wyrównania tekstu w stylu CSS, aby wyrównać zawartość wewnątrz kontenera w HTML. Działa to dobrze, gdy zawartość jest tekstowa lub przeglądarka to IE. Ale poza tym to nie działa. Jak sama nazwa wskazuje, służy on głównie do wyrównywania tekstu. Właściwość align od dawna jest przestarzała. Czy jest jakiś inny …

152 html  css  text-align 

Pracuję nad złożeniem płynnego arkusza stylów i działa wspaniale. Jedną z rzeczy, które zauważyłem, jest to, że moje okno przeglądarki w Chrome nie zmieni rozmiaru poniżej 400 pikseli, po prostu utknie tam, aw FF, gdy zmniejszam, po prostu zatrzymuje się na około 400 pikseli, a następnie wyświetla poziomy pasek przewijania. …

151 html  css  layout  liquid-layout 

Wśród innych pomocy tekstowych i wizualnych przy przesyłaniu formularza, po weryfikacji, koloruję moje pola wprowadzania na czerwono, aby zaznaczyć, że interaktywny obszar wymaga uwagi. W przeglądarce Chrome (i dla użytkowników paska narzędzi Google Toolbar) funkcja automatycznego wypełniania zmienia kolor moich formularzy na żółty. Oto złożony problem: chcę, aby autouzupełnianie było …

151 css  validation  google-chrome  html-input 

Mam problem z uruchomieniem tego plunkr (select2 + angulat-ui). http://plnkr.co/edit/NkdWUO?p=preview W konfiguracji lokalnej otrzymuję pracę select2, ale nie mogę ustawić szerokości zgodnie z opisem w dokumentacji . Jest zbyt wąski, aby go używać. Dziękuję Ci. EDYCJA: Nieważne, że plnkr, znalazłem tutaj działające skrzypce http://jsfiddle.net/pEFy6/ Wygląda na to, że zwinięcie do …

151 css  twitter-bootstrap  angularjs  jquery-select2 

Chcę zaimplementować menu rozwijane bootstrap na Twitterze, oto mój kod: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> Rozwijane menu działa dobrze, moje menu jest umieszczone obok prawej krawędzi ekranu, a kiedy klikam przełącznik …

151 html  css  twitter-bootstrap 

Mam następujący HTML: <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> z tym CSS: .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } Jeśli zaznaczysz ten jsFiddle: http://jsfiddle.net/8JwhZ/ widać, że nazwa i data są sklejone. Czy …

151 html  css 

Obecnie edytuję plik .css w programie Visual Studio 2012 (w trybie debugowania). Używam Chrome jako mojej przeglądarki. Kiedy wprowadzam zmiany w pliku .css mojej aplikacji w programie Visual Studio i zapisuję, odświeżenie strony nie zostanie załadowane wraz ze zaktualizowaną zmianą w moim pliku .css. Myślę, że plik .css jest nadal …

151 css  visual-studio  google-chrome  caching 

Mam ten div: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> Paski przewijania są zawsze widoczne, nawet jeśli tekst się nie przepełnia. Chcę, aby paski przewijania były widoczne tylko wtedy, gdy jest to konieczne - to znaczy tylko wtedy, gdy w polu jest wystarczająco dużo tekstu, że są potrzebne. Tak jak robi …

151 css  html  scrollbar 

Mam trochę CSS, które po najechaniu myszą, efekt przejścia CSS przesunie div. Problem, jak widać na przykładzie, polega na tym, że translateprzejście ma okropny efekt uboczny polegający na tym, że obraz w elemencie div przesuwa się o 1 piksel w dół / w prawo (i może nawet nieznacznie zmienia rozmiar?), …

150 css  image  hover  positioning  translate-animation 

Przeczytałem sprzeczne informacje dotyczące głupich limitów CSS Internet Explorera. Rozumiem (myślę, że rozumiem), że możesz mieć tylko 31 <style>i <link>tagi (połączone), i że każdy arkusz może mieć do 31 @importsekund (więc 31-s <link>, każdy do 31-s @importjest w porządku, aczkolwiek szalony). Jednak zasada 4095 jest mniej jasna - czy to …

150 css  internet-explorer  stylesheet