11 NİSAN 2015, CUMARTESİ

Basit Css @media Kural Öğretici Yaptı Duyarlı Web Tasarım

Barajlar Serin Ben en kolay yolu göstermek ediyorum duyarlı ve mobil dostu bir web sitesi düzeni yapmak hiçbir medya sorgu mantığı vardır, normal düzeni ile başlamak olacak C & C I have a 100 veya 1000 piksel ile Ben aşağı olsun konteyner merkezli Mobil boyutu daha küçük bir ekran herhangi bir değişiklik uygulamak bakın Daha sonra vardı çünkü o cep cep telefonu ekran için yol çok büyük olacaktır Onlar her şeyi görmek için bu yolu çok kaydırmak olurdu ve bu iyi bir şey değil gerçekten herhangi bir yatay kaydırma yapmak istemiyorum akıllı telefon kullanıcıları için iyi bu yüzden şimdi

ne kadar kolay olduğunu izlemek tamam şimdi beni burada ve sadece gitmek için ne kadar kolay izle olacak CSS medya kuralı eklemek varsayılan styling değiştirmek Burada bu varsayılan stil bu kural içine kadar de

ğiştirilebilir böylece ekran tipi cihazları hedefleyen medyanın kurallar 768 ile maks özelliği ile 768 piksel olmadıkça böylece tüm ekranları uygulanan değişiklikleri alacak aşağı küçültmek bir göz atalım 768 kad

“CSSmedia kuralı ve duyarlı ve mobil dostu bir web sitesi düzeni sağlamak için en kolay yolu öğrenin. media - https://www.developphp.com/lib/CSS/media Ders Kodu - ...”
Adam Khoury

ar ve ne olduğunu görmek ve ben dolgu yapmak düşünüyorum Yüzde 1 bu boyutta deniz dikey kaydırma hariç için yep tohum Ben yatay kaydırma demek Eğer yatay kaydırma çubuğu vardı önce doldurma vardı yol dedi bakın Burada altta Eğer aşağı almak hiçbir yatay kaydırma olmadığından emin olmak istiyorum Bu boyut Eğer ben fontları da boyutunu değiştirerek görmüyor metin burada h2 değiştirme 20.9 AEM P değişen 0.7 EM benim içerik orada oturur ve bu şekilde o değil sözler k

Basit Css @media Kural Öğretici Yaptı Duyarlı Web Tasarım Resim 1 Basit Css @media Kural Öğretici Yaptı Duyarlı Web Tasarım Resim 2 Basit Css @media Kural Öğretici Yaptı Duyarlı Web Tasarım Resim 3 Basit Css @media Kural Öğretici Yaptı Duyarlı Web Tasarım Resim 4

üçük akıllı telefon ekranında bu kadar dev olan Varsayılan CSS gerekecek çünkü böylece bu basit yoldur görebilirsiniz Eğer olabilir bu yüzden bu da ilgi harici stil sayfasındaki gidebilir Varsayılan CSS ve sonra aşağıdan yukarıya senin stil sayfası da sadece bir medya sorgu koyabilirsiniz ve sonra cesedi değiştirmek varsayılan stilini değiştirmek stilleri ve hedeflemek istediğiniz herhangi bir tür elemanlar Ayrıca yapabilirsiniz bazı unsurlar görüntüler: none bu yüzden sadece hiç göstermez akıllı telefon kullanıc

ıları belki bir gösterdiğinizi için Google reklamları 700 olan bir şey vardır ve 28 piksel daha geniş veya daha geniş belki 900 piksel genişliğinde Bir akıllı telefon ekranında yapmayacağım bunu yapmak gerekecek display: none ya da çok duyarlı reklamları değiştirmek boyutları ya da 300 piksel ben baba gibi koyabilirsiniz böylece yapmak istediğiniz öğeleri yalnızca ilk işareti telefonu kullanıcıları size görünür Burada koymak olabilir blok ve ardından kontör sadece onlar ekran olduğunuzdan emin olun: ve onları ekran yapmak yok yani masaüstü kullanıcıları masaüstü da adam dediğimi değil görmek olmaz kullanıcılar görebilir bir kap ve akıllı telefon kullanıcı bilirsin görebilirsiniz ekranı kullanarak tamamen farklı kap: yok ve ekran: Örneğin blok ben bu istiyorum Bir put ekran görüntülenmemesi için: akıllı telefon kullanıcıları için hiçbiri daha sonra P elemanları bkz göstermezse olmaz O küçük ekrana geldiğinde masaüstü The orada var P eleman sadece eğer özelliğini görüntülemek için nasıl kullanabileceğinizi yüzden uzağa gider Eğer ben kimsenin odaklanmak istemiyorum artık istiyorum tamamen olurdu çünkü yapılan belirli ayarlamalar Farklı CSS saf Binanızın web sitesini veya web sitesi mevcut ve tamamen farklı değişiklikler oluyor olurdu sadece nerede şimdi daha küçük ekranlar insanlar için size hedeflemek istiyorsanız Cihaz ile smacks eğer ne olacak biz bakmak şimdi eğer 768 ve biz denemek ve yeniden boyutlandırmak Eğer hiçbir değişiklik görülür görürsünüz Biri geliyor ama eğer görülecektir Bir akıllı telefon üzerinde belgenize onlar görürdünüz küçük mavi Mobil Virgin ve cihaz iki tamamen farklı şeyler çünkü Askerler Sana kurşun sana olduğumu daha açıklamak için şimdi Sun max terk Bir belgeye adamlar Size medya kuralı anlatacağım HP geliştirmiştir Siz varsa derinlemesine bazı istediğin arkasında somun ve civata bilmek seviyorum Medya kuralı ve bu sayfada CSS gerçekten sözdizimi ovett hakkında derinlemesine gider Size bazı örnekler uygulayabilirsiniz medya türleri sorgu belirteçleri Medya için yerinde koşullarını koyabilirsiniz özellikleri bu nedenle bu sayfa o istiyorum bazı sen guys kullanışlı kanıtlamak olabilir Gerçekten somun ve cıvata anlamak ve ben bu sayfaya link koyacağım video açıklama sayfayla birlikte bu evde bu kod örneği yani orada medya sorguları kurabilirsiniz farklı yolları var ve ben bazılarını gördüm geliştiriciler hala var normal masaüstü kullanıcıları için tek medya sorgusu sonra onlar küçük ekran kullanıcıları için bir başka medya sorgusu gerekecek ama gerçekten sadece üst masaüstü kullanıcıları için varsayılan CSS koyabilirsiniz ve bu sadece bir medya sorgu koymak, sonra altında onlar varsayılan CSS değiştireceğiz CSS stil o daha var küçük ekranlar için uyumlu bu kadar ve gibi birçok medya sorguları sahip olabilir Eğer stil içinde olduğu gibi şimdi ile yüzde kullanmayı düşünün bazı kullanışlı ipuçları uç bir numara var onun Bunun yerine onun ile pikselin farklı bir boyut akıllı telefon ekranları olacak böylece ister farklı farklı insanlarla nedeniyle sahip piksel yok akıllı telefonlar onun ve emin olun ile yüzde yapmak istiyorum bu yüzden farklı şeyler göreceksiniz Konteyner olduğu merkezi kullanarak margin: 0 pics 0 Sıfır piksel ile otomatik sizin ama marj CSS özelliği oto ve sonra bu kapsayıcı merkezi olacak Eğer olsaydı onunla yüzdesi bir yüzde alacak ekrana ve tüm insanların bunu görmek için eşit olacaktır ucu iki numaralı bağlantılarınızı ve düğmeleri ayrı olduğunu yeterince birbirinden rahat parmak kullanımı için insanların birlikte emin olmak istiyorum şişman parmak size verebilir tıklayarak içine aynı anda birden fazla bağlantı isabet düğmeleri ve düğme biraz yapacak bazı dolgu bağlantılar Büyük kendini tıklayın fazla kullanıcı bir şey vermek ve düğmeleri arasında onlara marj alanı verebilirsiniz normalde nasıl bir bilemez çünkü biraz daha marj alanı fare işaretçileri sadece at tıkladığında çok hassas uç ama bir sürü olarak bir şey farklı olduğunu size çok yakın bağlantıları neden var birlikte bir Büyük dev ekran kullanıcı olarak masaüstü ekran genellikle fare vardır ve aslında sadece dokunmatik ekranlar dokunmatik ekrana akın dönüyor seviyorum might istiyorum genel bir kural olarak, bu kurala bu uç tutmak gelecekteki tüm kalkınma projeleri ve uçlu üç numara Hiçbir yatay kaydırma var emin olun tüm böylece tüm içerik içinde rahatça sığacak gerekir Küçük küçük ekran ve kullanıcı çimdik zorunda değildir emin olun ve bir çok yakınlaştırın içeriğiniz ile etkileşim veya okumak için.

Açıklama

CSSmedia kuralı ve duyarlı ve mobil dostu bir web sitesi düzeni sağlamak için en kolay yolu öğrenin. media - https://www.developphp.com/lib/CSS/media Ders Kodu - https://www.developphp.com/video/CSS/Responsive-Web-Design-Made-Simple-CSS-media-Rule-Tutorial

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 209
    Olumlu
  • 4
    Olumsuz
  • 43
    Yorum
  • 13732
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • LearnCode.academy

    LearnCode.ac

    20 Aralık 2012
  • Philip DeFranco

    Philip DeFra

    16 EYLÜL 2006
  • The Slow Mo Guys

    The Slow Mo

    15 AĞUSTOS 2010

ANKET



Bu sayfa işinize yaradı mı?