«css» etiketlenmiş sorular

İPhone 5 daha uzun bir ekrana sahip ve web sitemin mobil görünümünü yakalamıyor. İPhone 5 için yeni duyarlı tasarım sorguları nelerdir ve mevcut iPhone sorgularıyla birleştirebilir miyim? Mevcut medya sorgum şudur: @media only screen and (max-device-width: 480px) {}

132 iphone  css  responsive-design  media-queries  iphone-5 

Aşağıda belirtilen düzende olduğu gibi sayfanın ortasına bir div yerleştirerek önyükleme kullanarak duyarlı bir sayfa oluşturmam gerekiyor.

132 css  twitter-bootstrap  responsive-design 

Uygulamamın kullandığı çeşitli görünümler için ayrı stil sayfaları kullanmanın uygun / kabul edilen yolu nedir? Şu anda görünüm / kısmi'nin html'sine bir bağlantı öğesi yerleştiriyorum, ancak tüm modern tarayıcılar desteklese de bunun kötü bir uygulama olduğu söylendi, ancak neden hoş karşılanmadığını anlayabiliyorum. Diğer olasılık, ayrı stil sayfalarını index.html'lerime yerleştirmektir, headancak …

132 css  model-view-controller  angularjs 

Bir süredir iPad'de sabit konumlandırma ile mücadele ediyorum. İScroll'u biliyorum ve her zaman işe yaramıyor gibi görünüyor (demolarında bile). Ayrıca Sencha'nın bunun için bir düzeltmesi olduğunu da biliyorum, ancak bu düzeltmenin kaynak kodunu Ctrl+ yapamadım F. Birisinin çözüme sahip olmasını umuyorum. Sorun, sabit konumlandırılmış öğelerin, kullanıcı iOS destekli bir mobil …

132 iphone  css  ipad  ios  mobile 

Küçük bir intranet uygulaması oluşturma sürecindeyim ve şansım olmadan, son zamanlarda satın aldığım Adobe fontunu kullanmaya çalışıyorum . Bildiğim gibi, bizim durumumuzda bu bir lisans ihlali değil. Tüm büyük tarayıcıları hedeflemek için fontun .ttf / .otf sürümlerini .woff, .eot ve .svg'ye dönüştürdüm. Kullandığım @ font-face sözdizimi temelde Font Spring'in sunduğu …

132 internet-explorer  css  internet-explorer-9  font-face 

Yakın zamana kadar, sitem (www.heatexchangers.ca) Google Sayfa Hızı'nda% 98 puan aldı. Web yazı tiplerinden sorgu dizesi gibi hiçbir şey yapamayacağım birkaç şey vardı. Yapabileceğim her şeyi temsil ettiği için bundan çok memnun kaldım. Kısa süre önce Google, sayfa hızı puanını etkileyen başka bir şey ekledi ve şimdi yalnızca% 89 Sayfa …

132 javascript  html  css  google-pagespeed 

CSS'mde aşağıdakiler var. Tüm kenar boşlukları / doldurmalar / sınırlar genel olarak 0'a sıfırlanır. #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} Şimdi HTML'mi şu şekilde yazdığımda <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text here </div> </div> …

132 html  css 

Firefox'ta bir resmi Javascript'e başvurmadan sürüklenemeyen ve aynı zamanda seçilemez hale getirmenin bir yolunu bilen var mı? Önemsiz görünüyor, ancak sorun şu: 1) Firefox'ta sürüklenebilir ve vurgulanabilir: <img src="..."> 2) Bu yüzden bunu ekliyoruz, ancak resim sürüklerken hala vurgulanabilir: <img src="..." draggable="false"> 3) Bu yüzden vurgulama sorununu düzeltmek için bunu …

132 css  html  firefox  draggable 

Bir div bloğundaki metnin taşmasını önleyebilir miyim?

132 html  css  overflow 

Uygulamamızda bir fotoğrafı göstermek için bir HTML img etiketi kullanıyorum. Hem yükseklik hem de genişlik özniteliğini 64 olarak ayarladım. Herhangi bir görüntü çözünürlüğünü (ör. 256x256, 1024x768, 500x400, 205x246, vb.) 64x64 olarak göstermem gerekiyor. Ancak bir img etiketinin yükseklik ve genişlik niteliklerini 64 olarak ayarladığınızda, en boy oranını korumaz, dolayısıyla görüntü …

132 html  css 

Sunucudaki istek sayısını azaltmak için bazı görüntüleri (PNG ve SVG) BASE64 olarak doğrudan css'e katıştırdım. (Oluşturma sürecinde otomatiktir) bunun gibi: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Bu iyi bir uygulama mı? Bundan kaçınmak için bazı nedenler var mı? Veri url desteği olmayan bazı büyük tarayıcılar var mı? Bonus soru: Bunu CSS ve JS …

131 html  css  base64 

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Yığın Taşması için konuya uygun olması için soruyu güncelleyin . 5 yıl önce kapalı . Bu soruyu geliştirin Görüntüleri içeren bir MCVE / SSCCE hazırlarken , görüntülere doğrudan erişimin olması yararlıdır. Çoğu …

131 java  javascript  css  image 

Bir bağlantı etiketinde piksel cinsinden genişlik ve yüksekliği ayarlamak mümkün müdür? Bağlantı içindeki metni korurken bağlantı etiketinin bir arka plan resmine sahip olmasını istiyorum. li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet

131 html  css  cross-browser 

Tıklandığında <INPUT> kutusundaki metni temizleyecek güzel bir küçük simgeye sahip olmak istiyorum. Bu, giriş kutusunun dışında net bir bağlantıya sahip olmak yerine yerden tasarruf sağlamak içindir. CSS becerilerim zayıf ... İşte iPhone'un nasıl göründüğüne dair bir ekran görüntüsü .

131 javascript  iphone  html  css 

Takip koduna sahibim: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Ben dönüştürmek gerekir @coloriçin …

131 css  less