Yangi formatda davom etish uchun: https://uzfor.net/77868-sayt-va-uning-kontentlarini-turli-gadjetlar-uchun-moslashuvchan-qilish.html
Sayt va uning kontentlarini turli gadjetlar uchun moslashuvchan qilish
Xabarlar

Salom do'stlar. Bu mavzuda sayt va uning logotip, icon, yoki rasmlari o'lchamlarini viewport, width-height teglari va css yordamida turli ekranlarga moslashuvchan qilish haqida gaplashamiz.

/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...} /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {...} /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {...}
@media only screen and (max-width: 600px) {...}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}
mana moslashuvchan dizayn tuzishga qulay
Tavsiya etamiz:
- Hoziroq maydonlarni to'ldiring va reklamangizni joylashtiring!
Mavzuga oid xabarlar soni: 5 ta
So'ngi faollik vaqti: 12:27:17, 14 Jan 2020