«media-queries» etiketlenmiş sorular

Ortam sorguları, ekran ve yazdırma gibi ortam türlerine ve görüntü alanı ve aygıt yüksekliği ve genişliği gibi ortam özelliklerinin koşullarına göre CSS stillerinin koşullu uygulanmasını sağlar. W3C CSS3 spesifikasyonunun parçasıdırlar.

5
Medya sorgularında “ekran” ve “sadece ekran” arasındaki fark nedir?
Arasındaki fark nedir screenve only screenmedya sorguları? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Neden kullanmamız gerekiyor only screen? Does screenkendisi işlenecek yeterli bilgi sağlamaz sadece ekran için? Bu üç farklı yoldan birini kullanarak çok sayıda duyarlı web sitesi gördüm: …
487 css  media-queries 
15
Medya Sorguları: Masaüstü, tablet ve mobil cihaz nasıl hedeflenir?
Medya sorguları hakkında biraz araştırma yapıyorum ve hala belirli boyutlardaki cihazları nasıl hedefleyeceğimizi tam olarak anlayamıyorum. Masaüstü, tablet ve mobil cihazları hedeflemek istiyorum. Bazı tutarsızlıklar olacağını biliyorum, ancak bu cihazları hedeflemek için kullanılabilecek genel bir sisteme sahip olmak güzel olurdu. Bulduğum bazı örnekler: # Mobile only screen and (min-width: 480px) …
12
CSS @ medya kurallarını satır içine koymak mümkün müdür?
Banner görüntülerini dinamik olarak bir HTML5 uygulamasına yüklemem gerekiyor ve ekran genişliklerine uyacak birkaç farklı sürüm istiyorum. Telefonun ekran genişliğini doğru bir şekilde belirleyemiyorum, bu yüzden bunu yapmanın tek yolu bir div'ın arka plan görüntülerini eklemek ve @media'yı ekran genişliğini belirlemek ve doğru görüntüyü görüntülemek için kullanmaktır. Örneğin: <span style="background-image:particular_ad.png; …
293 html  css  media-queries 
5
@Media min-genişlik ve max-genişlik
Bu @mediakurulum var: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …
17
$ (window) .width (), medya sorgusuyla aynı değil
Bir projede Twitter Bootstrap kullanıyorum. Varsayılan bootstrap stillerinin yanı sıra, bazılarını da ekledim //My styles @media (max-width: 767px) { //CSS here } Ayrıca görünümün genişliği 767 piksel daha az olduğunda sayfadaki belirli öğelerin sırasını değiştirmek için jQuery kullanıyorum. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container .left-sidebar")); …
16
CSS3 medya sorgularım neden çalışmıyor?
Styles.css dosyasında her ikisi de bir varyasyon kullanan medya sorguları kullanıyorum: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Siteler, pencereyi küçültdüğümde normal bir tarayıcıda (Safari, Firefox) istediğim düzene göre yeniden boyutlandırılıyor, ancak mobil düzen bir telefonda hiç gösterilmiyor. Bunun …
19
Arka plan rengiyle CSS @ medya yazdırma sorunları;
Bu şirkette yeniyim ve kilometrelerce css kullanan bir ürünümüz var. Bizim uygulaması için yazdırılabilir stil yapmak çalışılıyor ama sorun yaşıyorum background-coloriçinde @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Diğer her şey işe yarıyor, sınırları değiştirebilirim ve böyle ama background-colorbaskıda gelmeyecek. …
176 css  media-queries 
10
Bootstrap 3 kesme noktaları ve medya sorguları
Üzerinde Bootstrap 3 medya sorguları belgelerine diyor: Izgara sistemimizdeki anahtar kesme noktalarını oluşturmak için Daha az dosyamızda aşağıdaki medya sorgularını kullanırız. Ekstra küçük cihazlar (telefonlar, 768 pikselden az): Bootstrap'ta varsayılan bu olduğundan medya sorgusu yok Küçük cihazlar (tabletler, 768 piksel ve üstü): @media (min-width: @screen-sm-min) { ... } Orta boy …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.