Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. CSS
Webdesign

Egy gyors tanács függőleges kitörési pontokhoz

by
Difficulty:IntermediateLength:QuickLanguages:

Hungarian (Magyar) translation by Szabó Péter (you can also view the original English article)

Üdvözlünk egy újabb Envato Tuts+ screencast bemutatóban!  Ebben a videóban egy gyors bevezetést fogok adni a CSS függőleges kitörési pontok használatáról.

A kitörési pontok szinonimák a fogékony web tervezéssel; azok a pontok amiket kiválasztasz egy tervezés elrendezésének a megváltoztatásához. Például, a 768px egy gyakran használt nézőpont szélesség, mialatt talán a mobil eszközök elrendezéseidről akarsz gondoskodni, és felette amit gondolhatsz több feltétellel az asztalon.

Azonban, a kitörési pontok nem csak függőlegesen alkalmazhatóak, egy nézetablak szélességében, talán effektbe jönnek különböző okok miatt. Ebben a bemutatóban meg fogjuk nézni a függőleges kitörési pontokat, amik alkalmazva vannak a nézetablak magasságával kapcsolatban. A min-height és max-height tulajdonságokkal használjuk őket CSS média lekérdezéseken belül.

Ebben a videóban a következő forgatókönyveket nézzük meg:

  • Változtatás a térközben és a betűtípus méretben rövid nézetablakokon.
  • Mobil navigáció méret szabályozása rövid nézetablakokon.
  • Egy fix fejléc vagy lábjegyzet készítése, csak amikor elég hely van.
  • Teljes-képernyős szekciók szabályozása rövid nézetablakokon.

Bizonyosodj meg a forrás fájlok letöltéséről, hogy végigkövesd.

További olvasás

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.