«responsive-design» etiketlenmiş sorular

Yazı tipini ölçeklendirmek için kafamı zorlaştırıyorum Şu anda % 100 bir gövdeye sahip bu sitem var font-size. 100% ne olsa? Bu 16 piksel olarak hesaplanıyor gibi görünüyor. % 100'ün bir şekilde tarayıcı penceresinin boyutunu ifade edeceği izlenimindeydim, ancak görünüşe göre, pencerenin mobil genişliğe veya tam gelişmiş geniş ekran masaüstüne yeniden …

1187 css  responsive-design  font-size 

divPencerenin genişliği değiştikçe genişliğini / yüksekliğini değiştirebilecek bir oluşturmak istiyorum . En boy oranını korurken yüksekliğin genişliğe göre değişmesine izin verecek herhangi bir CSS3 kuralı var mı? Bunu JavaScript ile yapabileceğimi biliyorum, ancak yalnızca CSS kullanmayı tercih ederim.

1058 html  css  responsive-design  aspect-ratio 

Ne arasındaki farktır col-lg-*, col-md-*ve col-sm-*Heyecan Bootstrap?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

Twitter bootstrap ızgarasındaki çeşitli seçenekler ve nasıl birlikte gittikleri konusunda kafam karışıyor . Başlangıç ​​olarak, normal bir sabit containerveya a container-fluid. Sonra ya sıradan rowya da sıvı bir sıra içerebilir row-fluid. Yani, sıvı sıralı sabit bir kabınız veya sabit sıralı bir konteyner sıvısı olabilir mi? Daha sonra bunun üzerine, 'duyarlı' …

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

Zurb Foundation 3 ızgarasını kullanarak bir site oluşturdum . Her sayfanın büyük bir boyutu vardır 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> </div> <!-- End Tagline --> </div> <!-- End …

343 css  responsive-design  font-size  zurb-foundation  em 

Her duyarlı web sitesi geliştirme öğreticisi display:none, web sitesinin daha hızlı yüklenmesi için içeriğin mobil tarayıcılara yüklenmesini gizlemek için CSS özelliğinin kullanılmasını önerir . Bu doğru mu? Does display:nonegörüntüleri yüklemeyin yoksa hala mobil tarayıcı üzerinde içeriği yüklemek geliyor? Mobil tarayıcılara gereksiz içerik yüklenmesini önlemenin bir yolu var mı?

336 css  responsive-design 

Bootstrap'e bakıldığında, daha küçük ekranlar için menü çubuğu öğelerinin daraltılmasını destekledikleri anlaşılıyor. Sayfadaki diğer öğeler için benzer bir şey var mı? Örneğin, nav-hapları ile birlikte doğru yüzen bir var. Küçük bir ekranda bu sorunlara neden olur. En azından benzer bir show-show-more-show açılır menüsüne koymak isterim. Bu mevcut Bootstrap çerçevesinde mümkün …

298 html  css  twitter-bootstrap  responsive-design 

Sütunun tüm genişliğini almak için bir düğme istiyorum, ama zorlanıyorum ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Düğmeyi sütun kadar geniş hale nasıl getirebilirim?

276 css  twitter-bootstrap  html  responsive-design 

Bir 960 500 svg grafiği oluşturan bir histogram komut dosyanız olduğunu varsayalım. Grafik genişliklerini ve yüksekliklerini dinamik olarak yeniden boyutlandırmak için bunu nasıl duyarlı hale getirebilirim? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall …

224 javascript  responsive-design  d3.js 

Şu anda tarayıcı genişliği 768 pikselin altına düştüğünde, gezinme çubuğu daraltılmış moda dönüşür. Bu genişliği 1000 piksel olarak değiştirmek istiyorum, böylece tarayıcı 1000 pikselin altında olduğunda navbar daraltılmış moda dönüşür. Bunu LESS kullanmadan yapmak istiyorum, LESS değil stylus kullanıyorum. Benim sorunum bu sorudakiyle aynı: Bootstrap 3 Navbar Collapse Ancak bu …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

Bir web sitesi (g-floors.eu) var ve (css içeriği için bir bg-görüntü tanımladım) arka plan da duyarlı yapmak istiyorum. Ne yazık ki, aklıma gelen tek bir şey dışında bunun nasıl yapılacağı hakkında hiçbir fikrim yok ama oldukça geçici bir çözüm. Birden fazla görüntü oluşturma ve sonra görüntüleri değiştirmek için css ekran …

197 css  responsive-design  background-image  image-resizing 

(Bu çok parçalı bir soru, senaryoyu özetlemek için elimden geleni yapacağım.) Şu anda, kullanıcıların sekmeli içerikler arasında kaydırma yapmalarına ve sekmeli içeriklerin her birinde dikey olarak kaydırma yapmalarına olanak tanıyan duyarlı bir web uygulaması (haber okuyucu) oluşturuyoruz. Sorunun yaygın yaklaşım sarmalayıcı sahip olmaktır divtarayıcı görünüm, set doldurur overflowiçin hiddenveya autodaha …

191 javascript  ios  css  responsive-design  mobile-safari 

IE8 aşağıdaki CSS medya sorgusunu desteklemiyor mu? @import url("desktop.css") screen and (min-width: 768px); Değilse, alternatif yazma yolu nedir? Aynı şey Firefox'ta da işe yarıyor. Aşağıdaki kodla ilgili herhangi bir sorun mu var? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

На этот вопрос есть ответы на yığın taşması на русском : Сетка из адаптивных (duyarlı) квадратов Duyarlı karelerle nasıl düzen oluşturacağımı merak ediyorum . Her bir kare dikey ve yatay olarak hizalanmış içeriğe sahip olacaktır . Özel örnek aşağıda gösterilmektedir ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

"Bir iFrame'e yanıt verebilir misiniz?" Başlıklı bu stackoverflow yayınını okuyordum ve yorumlardan / cevaplardan biri beni bu jfiddle'a götürdü. Ancak HTML ve CSS'yi ihtiyaçlarıma göre uygulamaya çalıştığımda, aynı sonuçlara / başarıya sahip değildim. Kendi JS kemanımı oluşturdum, böylece benim için aynı şekilde nasıl çalışmadığını gösterebilirim. Eminim kullandığım iFrame türüyle bir …

144 css  iframe  responsive-design