16 ŞUBAT 2014, Pazar

Duyarlı Web Tasarım: Medya Sorgular

Bir bu Jared ve bu video ve biz medya sorguları ve nasıl bahsediyoruz etkin bir şekilde kullanmak o duyuları belki ederken görmek ile ilgisi var diye gerekir bu yıldızı söylemek mümkün Sadece bana bir zaman göndermek için geçerli Örneğin bir doktrin ekranda büyük bir eğlence kullanabilirsiniz olabilir Daha sonra baskı için ekran yazdırma ortamı türleri daha eğlenceli kullanmak Medya sorguları süren değeri o sorumluluk Biz uygulamak için stilleri kazandı hakkında daha spesifik olmak böylece acil açık medya türü oluşur ve koşullara daha sonra 0 daha ifadelerin çek Biz sorgulayabilirsin

iz önemli özellikleri arasında özellikle medya özelliği Bizim fikir yüksekliği ve Tana biz de o içinde minimum ve maksimum var İki yükseklikleri ile medya köri, böylece kendisi bir ifade ya gidiyor olduğunu Gerçek yolda

üzerinde Tüm dosyalar Lisa gerçek canlı olacak uygulanacak olan taşların ortakları ve kesinleşmiş iki dosya uygulanmaz onun Sahari sadece yazılı gibi medya sorgu ay çalıştırmak biz hedeflemek istediğiniz or

“Farklı büyüklükteki cihazlar için düzenleri değiştirmek için medya sorguları kullanma. Http://www.youtube.com/playlist?list=PLfdtiltiRHWEzMJ3vc_lU2bAVf4JVOfzU ta...”
Codecourse

tam türü değildi bir bilgisayar ekranı ile başlar Baskı önizleme veya taşınabilir cihazlara, hatta ya da tüm medya türleri ve sonra ayrı kelimesini kullanarak ve biz en az o yapılan ayrı ayrı getirdi bu medya konuşmaları kullanmak ve biz her sözü bu toplantıların birini kullanın biz gerçekten nereden yüzden bu daha spesifik bu yüzden örneğin biz uygulanması gereken apaçık olan ağırlıkları bir dizi belirtebilirsiniz Kalbimi duymak için bir örnek doğruca atl

Duyarlı Web Tasarım: Medya Sorgular Resim 1 Duyarlı Web Tasarım: Medya Sorgular Resim 2 Duyarlı Web Tasarım: Medya Sorgular Resim 3 Duyarlı Web Tasarım: Medya Sorgular Resim 4

ama diyor ama şimdi uyarı göstergesi ben sadece yüzde 50, beyaz sütunlar durmak ve Londra'da kullanım oranı ise yakın biz iyi Müslümanlar yaklaşık 10 ay kör ait olması biz bunu küçültün zaman o zaman biraz olsun başladığını görebilirsiniz rahatsız Bu hayal kırıklığı ne zaman maalesef biz az beş kelime Online biz olabilir eğer harika olmaz mıydı okumak için sadece rahat değil McCollum en Şimdi teşvik ve hala hun yüzde ve benim için rüzgarlar olsun belli bir noktaya ve biz ilk adımı görebilirsiniz Bir kırılma noktası yeni i

stediğiniz nokta bir kırılma noktasını seçmek için 15 başladı bu yüzden ben de bunu ben onun puan diziye belirli aygıtları hedef çalışın o selam için cazip olabilir ve çözünürlük ve cihazlar ve mola noktaları temel deneyin etrafında duyarlı tasarımı ile amaç sağlamaktır Eğer dayalı mola noktaları seçmek, böylece optimum deneyim her boyutta değilim dizayn ve rahatsız mühürler içine pencere yeniden boyutlandırılır onlara suç iseniz eğer o Ölüm gişelerinden sonra arka açmak ve pencereyi yeniden boyutlandırmak bunu alırsınız Kaynak görmek sağ üst köşesinde sürünme ne boyutu bildiğimiz bunu bana görünüyor Bu rahatsız edici sadece etrafında 600 piksel biraz is getting ışık breakpoint 600 piksel ile söz yazarı medya sorgu Bu sayfayı da sen sadece bana bildirin o clinton ile kolay bu kez o birlikte olayları başlıyor kadar kemikte aşağı çalışan Biz sonra olması gerekir, böylece soğuk cam ile yatırımlar ile biridir ilk Yüzde 50'si kanatları önce ve yavaş yavaş sağ medya sorguları yazdım Bir stil sayfası içinde M.Ö. değil medya ve sonra biz medya sorguda konum Hedef tüm medya türleri de şarkı ben bu kelimeyi kullanmak değilim kollar o zaman medya özellikleri onlar koymak çalıştırabilirsiniz medya özellikleri ayrılmasına Parantez içindeki 11 aynı keşişler ile 600 değil mi Tamam prensleri Sanaa Lathan sadece normal CSS o kitap kazanır koşmak yapabilirsiniz vardır uygulamak insanların evleri 600 piksel veya küçük RNA sahip memnuniyeti ile böylece boyutları Knowles böylece deli duygusu Kolon ile yaptım Tüm yüzde 100 yağmacılar burada bahsedilen tüm medya türlerini anahtar kelime kullanmayın kaçırıldı şimdi 10. çıkarmak ancak eğer biz sadece tasarım Ashley biz değil yani ima olduğunu ortam türünü belirtmek yok eğlenmek gerekir Ben yeniden boyutlandırmak eğer görmek otomobil yan dokuz değil 100 üzerinden eksilerini noktaları ile oturup bypass 600 piksel ve ulaşmak için kolay gömülü bu koşullu tarzı Sicard kullanır Bu yapabileceğimiz tek yolu değil, bizim nişastalı içinde bu dışarı nadir biz de öldürme zaman içine koyabilirsiniz olabilir Eğer daha önce bu görmüş olabilirsiniz, benim öldürme zamanı I ise Ben üzerine can ve Medya bu medya içinde o siteyi niteliklerini olmalı, sadece zayıf sonra uygulama ortamı gibi Biraz maden aylarında azalma ile bazı uyku 600 piksel ve sonra başka bir dosya bazı yasal küçük bu sonbaharda kendi linke üzerinde Bu yeniden Nazi SS mümin Yani burada biz blogda içinde vardı sadece ne işareti CSS içinde profilleri söyleyebiliriz azalmaya artık ücretsiz isimli aynı etkiye sahiptir görmelisiniz Çok diyor bu ayrı şekilde yapıyor ve bu onun gömülü Way ve avantaj ve dezavantajları ile ikisi de Onun rahim indirmek zorunda çünkü bu yüzden genellikle amaçlanan en iyi Ekstra bir gülümseme bile o çok küçük dosya fazladan bir HTTP istekleri var Ben günlerdeki gibi sayfa yavaşlatmak için yukarı kulüpler ve gerçekten aylar imzalamak değil önemli Ayrıca bu icat sahip olmak sütun için tüm stilleri tutmak anlamına gelir aynı yerde ve bazen oldukça kullanışlı organize edildiğinde ancak zamanlar olabilir örnek İttihad için ayrı bir dosya koymak Bir prens stil sayfası gibi istediğin tamamen ayrı olması sizin Zihin yıldızı bakın ve ana Stassi ile ortak bir sürü yoktu Eğer ayrı olarak koymak olabilir ve fark bütününü yapmak değildir karlar birçok karar istediğinizden medya sorguları çalışırken göz önünde bulundurmanız gerekir En sorguları dönen ko o Muhtemelen bir şekilde birlikte içerecektir oluşturmak Patronu değiştirmek için izin neden olabilir dikey kaydırma insizyon onların hayatları Genellikle biz yaptık gibi geliyor değil belirli bir şekilde daha bir dizi kullanmak istiyorsanız İşte o 600 piksel sınırlarının 27 oldu Bu blok içinde her şey Lizama yıldızı uygulamak için gitti de istediği bu yüzden biz baş a yapmak istedim diyelim ben sterlin seviyorum ayarlamak için 400 ve 800 piksel arasında turuncu bu yüzden biz sonra medya ve Bizim oluşturmak Bir yüzden Wickets medyamız özelliklerini kullanmak bu genişlik demek nasıl bizim sevgi göndermek ve 400 piksel üzgünüm tam pic var let me say ve 300 piksel ay Gördüğünüz bu yüzden sözdizimi macera gerçekten çok güzel olduğunu elleri ve suçlu ben küçük yavru kullanıyorum değil Bir vardı ve iç doktor ve şarkı gibi İstenen gerekçesiyle araba portakal ve yine biz Austin geliyor kına rengini ayarlar ilk kural aksi çünkü bu bir kreş, çünkü bu geçerli olmaz o aralarında görebilirsiniz duymak iyi değil demek değil 800 ve 400 piksel biz ışıkları durmadı ve dedi nasıl var aralık ve zaman birden fazla sorgu gama koşulları her medya özelliği ayrı parantez yalanladı medya özellikleri yanlış cevap biz sorgulayabilirsiniz En önemli biri çalışmalarının yanı ile gözlerinin arasında başkalarına bakarak ilgileniyorsanız eğer onun ayrılmak gidebilir o ağ sayfasında hakkında füze Medya sorguları yönlendirici tüm bu medya öğretir ama yalnız herkesin kendi kendime derken beni bir güven sonra hangi olacak ile aylık olan medya özellikleri Şimdi bu bir göz atalım olduğunu bilmek ortam türleri 23 gerçekten iyi bir şekilde w3c sayfa ortam türlerine bırakmayın Her defalarca açıklama yüzden görebilirsiniz bir sedan olarak havuz tüm cihazlar için uygundur ve baskı doktrinleri içine sayfa malzemesi için tasarlanmıştır Ekrandaki baskı önizleme zaman her konuda çok açık söylüyor Ortam türü bu kadar belli olacak hat eylem bu altında olduğu bu yüzden değil, bu sulak daha düşük yine oldukça standart ama var bakın olmuştur Ayaktan üzerinde üzgün ev ortada su birikintisi aldı ve altta San en kaliteli iştah açıcı biz hala var olduğunu görebilirsiniz önizleme bu sayfayı yazdırmak için gidiş için Görünür vesile Ben hala bu kullanıcı için gerçekten ideal değildir görünmez bu bir var yaşıyorum Yazdırma sırasında yüzünden baskı dinlerine sayfa sadece içerik Yine sınırlı Papon Sınırsız Inc duyuyorum ve gerçekten olmak istemiyorum bir şey yazdırırken Onlar için ben yazdırmak istemiyorum Biz kontrol edebilirsiniz nasıl görmek bizim bu yüzden sadece görebilirsiniz yeniden lettin yerdir O stilleri bu damıtma içine benimle nokta Onlara çok nazik ve biz altındaki medya sorgusu oluşturabilirsiniz kim yapabilir herhangi bir medya özellikleri kullanılmadığı ortam türü baskı konuşuyor olduğunu ve burada hangi gizleyebilirsiniz Navigasyon ve sıcak böylece Hindistan geçen displayName olduğunu ve hiçbir ayrıca tıklayın çalıştığınız bu kadar sinirli Lee insanları durdurmak için kim adet baskılı kağıt Çoğunlukla zamanın gerisinde birlik diyecek mesaj attı: text-decoration eğer düşünmek text-decoration: olmayan ve Bir araba devralır olsun araba alır Denizde teknoloji çevrili snafu ilk gece değişikliği değil gözle görülür egos ekranı üzerinde size önizleme yapabilirsiniz kim kalmıştı navigasyon içerik işareti gitti olduğunu zamanlama güzel bu linkler almaya gitmiş olduğu Şu an için bu sadece medya türü için geçerli olan biz daha sonra ne zaman müşterilerine istediği baskı aşk Et yutturmaca şey% uh ekran olduğunu bu yüzden biz zaten bu şekilde size gördüm ve operatöre baktım sen et sana bunu almak için zaman istiyorum Medya şeftali yüzden değil operatör bakalım bu yüzden eğer burada değil demek Ekran burada değil anahtar sözcük daha değil operatör tüm Cleary olumsuzlar böylece nerede genellikle gerçek olması alaskan yanlış olacak olacak şimdi genellikle Francisco görüntüleri Ana ekrandaki her buluşmasında Bu yüzden yeniden görüntülenir gidiyordu biz Burada sayfayı yenileyin Eğer amigos bir değiştireceğim baskı önizleme fark değildir, çünkü bir ekran medya bizim göreceksin bizi bağladı silt yüzden biz değil kullanmak nasıl engellemeyin co-başrollerini değil kullanırken o inkar çalıştı Medya öğretir kullanmadan am operatör sorunu biz aylar ile kullanarak söylüyorlar biz-ebil önce medya türlerini dışarıda bırakın edebilirsiniz ve ortam türü hepsi burada belirtilen olacağını Eğer fikrimi askıya açıkça söylemek zorunda almak için birden fazla medya sorguları kullanır bize en görürüz istedim diyelim Burada her şey bu yıldızı uygulamak ekranına değil ama aynı zamanda bir yol ile ekranlarda bu kadar küçük bir miktar daha 400 piksel yüzden konsantre yapmak zorunda Bizim medya sorguları diyecektim burada kaynayan 400 piksel ay ve ekranlar kelime özür dilemek burada ne yapıyor var ise Biz ekran olmadığını şey arıyorsanız ve bir ekran ve daha az ya da dört piksel eşit ve bir şey 400 piksel içe Her şey çok ya bu şeylerin mantıklı gibi bu Commons doğrudur ve stil şimdi böyle bir göz atalım uygulanacak gidiyor biz az 400 piksel buna aşağı gitmek kadar bir değişiklik görülmediğini Ambleside biz PG hızlı bir dilim yazdırabilirsiniz zaman tüm temel sözdizimi böylece ama bizim durak konularla ilgili bir sürü vardır Medya sorgu ile çalışırken zaten dış ayetler gömülü baktı siz de sorguları yanıma inşa edeceğiz nasıl düşünmek zorundayız bu yüzden sık sık birden çok farklı doğru nokta var okul için onları karaya farklı şekillerde altında o tutmak iyi bir fikirdir Bir stil dışında eğer herhangi bir medya sorguları desteklenmeyen tarayıcılar yani canlı Internet Explorer 8 şey bakmak dedi Biz fikre medya sorguları dışında sonucu yasa yaptıklarını ve çok az aslında içinde off-duty tarzı Eğer ben geri yüzden onları geri koyacağım sorguları üst üste ya ve yıldız 'bireysel başvuru biraz buz var Bazı örtüşen bu iki yöntem bakmak diyor çok üzgünüm sorguları benim üst sınırdır Birbirlerini içine çalıştırabilirsiniz Böylece içinde yorumladı burada görebilirsiniz yapacağız, bir önceki sorgudan şeyleri alarak nereye Üç yüz on bağlı değil çünkü bunu burada görebilirsiniz ile ilgili herşey haha ​​yine bir genişlik aşk 600 veya daha yüksek israel adlı vardır 300 Ohana yüzden de gevşek olacak Her şey strom 300 piksel 600 civarında eksikliği ile benzer şekilde şimdi veya daha fazla sorgu biz de 603 100 den dokuz yüz in her şeyi alabilirsiniz Sovyet füzeleri bu bir gerçektir nerede Kenya ve bu sorgular her şeyi pick up birey de onlardan önce dağ geri kararlıyız için üst iki stilleri yok burada göremiyor demek bu yüzden var birbirinin içine koşmak Bu 300 ila 500 geliyor Bu birinden 99 Ben 602 999 bir olduğumu düşünüyor itibaren 900 bu durum kılıç içinde bu yüzden bu bir tyson birbirini dışlayan füzeler baştan her kez start onlar hakkında akılda tutulması gereken kurtarma şeyler birbirine bağlı olmayan Bu yöntemlerden gidiyor gülüyorsun girdiğinizde stillerini geçersiz zorunda kalacak önceki sorguları burada görebilirsiniz ve dosyalar 300 piksel onları oluşturulan onun Lois ile sınır Civil geçerlidir Ben sınırı taşındı 600 piksel sonra Ben olduğum sürece olacak İran'a ve demek veya olmayan bir gemiye sıfır piksel oz vardı Bireysel sanat itiraf ben yapmak zorunda olmazdı bu çünkü değiller için birbirlerine güvenmek vardır Nikel İslam gibi son şey yaklaşık bir şey Sipariş Kurt için konuya önemli Bu 900 pixel sorgusu demek Burada ev kadar Biz 900 piksel sorgusunda ne koymak şimdi onları dolu Bu yine bu var ya o zaman yani burada oluyor she geçersiz kılma biz görmek istedim olduğunu Bir sınır yarıçapı oturumlarda var Burada 10 piksel biz bu işe bekliyoruz Oda Yazıcı İran'ın olacak değil görebilirsiniz çünkü bu okuma işlemi olacak sınırda konferansa uygulamak zaman T piksel iyi sınır ve sonra aşağı geri gelmek için gidiyor onun gitmiş minimum genişlik 900 istenmeyen 600 olan daha farklı Okula takip üstünde o cesur akla 5 piksel ve böylece biz oraya koymak hemen başvur Bu bir şey bu yüzden uygulanmaz olacak olan hem de umarım bana mantıklı olduğunu farkında olmak Biz ise acı çok eski bireysel tarzda bu araçları farketmez yaklaşık tek hiçbir şey olmayacak kadar bireysel yaparken olumsuz yeniden bir zihin şeyler yaparken biraz daha olduğunu görebilirsiniz Eğer Yorum doktor dışarı götürsem sonuçlandı işe Sonra orada bir sürü kod aşağı gerçekten bir değil o biraz olduğunu üst sınırları, hem yapıyor ve sonra stilleri yinelenen sonunda olabilir Birkaç kez Yaptığınız bu yüzden tekrarlanan renk orada da dikkatli olmak üst üste değil füzeleri bireysel sırt sırta tarzı için dikkatli olmak bir araç çözüm onun arka en mantıklı leke Bunun üzerine aynı 26 Bu kaset 600 piksel erken olduğunu o 600 piksel böylece olacak örtüşme kim Bu sawyer efendim kazananlar ile 1 piksel tam 600 piksel genişliğinde Bu durumda temel ve uygulamalı Aznar büyük sorun biz onu istemiyoruz zaman gemiye almak için gidiyoruz Bu papa sırayla toplama başlıyor hangi biz olmasını beklemiyorduk şey Kent Konseyi tamamen dışlayan olduğunu Eğer yoksa genel bir kural Sekiz için kökten farklı stilleri değilim kırılma noktası Online şey farklı arka plan görüntüleri kullanarak size daha kolay olma eğilimindedir ancak Farklı boyutları için o zaman bu onları bulmalı Onun WebKit tarayıcısı indir, çünkü bu aktör arka tarzı kim arka plan resimleri ben intihal almak bile Bu son derece uzak hızlı örnek teşkil kim CSS vardı ki Aynı gün Arka plan resmi: Slutty şans çanaklar onlar sadece taşındı çünkü o sevimli yavru kedi olduğunu takım bir çizgi varsa ve uygulamak çizgi mutlu dole o WebKit üzerinde Andaman imzalamak planını içeride Ben şehirler bu varlık sadece bile akla okuyabilir bölge üzerinde ve bu var olacak biz görmek istiyorum ne cevap nedir Bir yavaşlama ömürleri benim göğüsleri oturarak ve sormak yetersiz Bu Danışmanı ekstra ışık birini okumak imzalamak senin üst üste lamar değişiklik olması sitesi En iyi yapacaksın yapıyor arka plan resimleri görünüyor arka bugün bir şey indirirken önlemek için geri olmak zorunda zaman ekonominin iki yöntem çok var bir nedeni Benzer stiller Farklı kırılma noktalarını göstermek ve am kilitlemek istediğiniz arka plan görüntüsü çok iyi olduğunu var olmak gayet iyi ben çok olabilir ve sonra sadece leary en arka arkaya küçük küçük dönemleri yapmak senin görüntüleri dikkate başka bir şey bunu ben temerrüde istiyorum ne adı geçen Daha önce mümkün olduğunca çok kartlarını ev için iyi bir fikir var dış ortam sorguları yasası ben olacağım sormalısınız dışında gece firma rework olmalıdır Onlara benim patronum yıldız masaüstü taşları kıracak biz istediğimiz kurmak aşağı belki bir yerde sık sık bulacaksınız arasındaki patronum o daha basit anlatır ve stilleri durdurmak için ve böylece konum iyi bir başlangıç ​​noktası özel konu kullanıyor olabilir NY iyi önemi üst üste geliyordu dedi yaklaşık 20 süreci ve ben alıştırma yapıyor ve bazı simge görüntüleri var mıydı onların ve masaüstünden başlatın ve sonra aşağı kırılma Daha sonra mobil cihazlar yanı sıra tüm masaüstü varlıklarını indirmek zorunda kalacak Benim patronlar olarak ve onların zihni yavaş bağlantı vardır olması çok daha muhtemel mobil cihazlar olduğunu kökenleri yasayı kontrol veri siteyi sınırlı hayatımızın aşağı tavsiye gerçekten oldukça önemlidir emin onlar web sitenizde iyi bir deneyim var bu yüzden bir dizel gibi mobil stil kullanmak için güçlü bir argüman var Başka bir nokta müdahale sürece defoe olacak görülebilir ne olduğunu desteklenmeyen tarayıcılarda bilim sonraki filmi bir Tampa hayat istatistiksel bayım ziyaretçilerinizin olacak masaüstü olmak ve bir IE desteklemek için ne yazık ki hala önemli Iyi bir yüzde 20 temsil çünkü 8 trafiği durdurmak zorunda Internet Explorer için birkaç seçenek vardır yapabilirsiniz koşullu yorumlar işaretini kullanmak veya başka oluşturmak Onu takip et Bu çalışma şekli sadece onun demek olduğunu dokuz on daha az Sonra sizin yanınızdaki vardır olgular koşullu yorumlar gibi suçlarda hareketin sadece lanet gibi artık ortak bir konu ben onları yükleyebilirsiniz söylüyor Bu küçük beyanı az IE 9 yüzmek olabilir geceleri birçok firar saldırı Beni Bizi çevrimiçi yapar burada zaman damlatmalı oda Yasal CSS ve ya da sadece böyledir Hindistan'ın üzerinde yükselir Benim ihtiyaçlarını alarmları duman giysileri bu yüzden o zaman biz bunu yaparken tek bir statik hizmet vermektedir Ben değilim anlık Explorer tarzı o Timberline okul seçenekleri teyze değil son seçenek delikleri evet bu OJ orada da yanıt verir bulunuyor Buz değil çok hafif betikleri Scott sakıncası hapis hapis iyi günler haha o adam için bir polis topuklar var yardım kesintisiz CSS medya sorguları üzgünüm olan işaretleri o Sadece medya sorgu ile minimax destekler gerçekten kullanıyor olması bir dizi ve sürükleyici bekleyen var Medya sorguları tam bu yüzden bu yapmanız tam olarak ne istediğini yapardı gibi bir çok durumda Javascript engelli olan desteklenmeyen tarayıcılar Bu o çok azınlık ile çalışmaz ve onlar sadece ben de endişe olmaz sorun nefes için soruyorsunuz dürüst olmak onlar hakkında çok şey yasal medya sorguları kullanarak sana olan tüm danışmanlık bulunuyor cevaplarınız tasarımları vardı.

Açıklama

Farklı büyüklükteki cihazlar için düzenleri değiştirmek için medya sorguları kullanma. Http://www.youtube.com/playlist?list=PLfdtiltiRHWEzMJ3vc_lU2bAVf4JVOfzU tam serisi İzle Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.9/10

  • 310
    Olumlu
  • 2
    Olumsuz
  • 35
    Yorum
  • 24274
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Nightmare2005

    Nightmare200

    14 Ocak 2007
  • TechBalance

    TechBalance

    12 HAZİRAN 2011
  • WoodysGamertag

    WoodysGamert

    17 Aralık 2009

ANKET



Bu sayfa işinize yaradı mı?