نوشته اصلی توسط
سیدرضا بازیار
آموزش فارسی ریسپانسیو رو کجا بیارم؟
فقط میخوام یه لوگو + جستجو ریسپانسیو بشه و بجز این دو تا چیزی دیگه نیست
پس بهتره از فریمورک استفاده نکنید
اگه فقط بحث لوگو و جستجو هست که میتونید اندازه هارو بر اساس درصد قرار بدید
یا از این استفاده کنید
کد:
/* Large desktop */
@media (min-width: 1200px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
}
اولین کوئری مربوط به دستگاه های دسکتاپ با عرض بالای 1200px است. دومین کوئری مربوط به تبلت های در حالت Landscape و باز هم دستگاه های دسکتاپ با کمترین عرض 768px و بیشترین عرض 979px است.
سومین کوئری مربوط به گوشی ها و تبلت ها با عرض کمتر از 767px و آخرین کوئری مربوط به گوشی ها با عرض کمتر از 480px است.
این کوئری ها تمام دستگاه ها را پوشش میدهد و میتوان با اطمینان خاطر از آنها استفاده کرد.
پاسخ : ساختن قالب ساده وردپرس با html
پاسخ با نقل قول