ساختن قالب ساده وردپرس با html

[saeedagha]

من الآن ساختن رو شروع کردم. فقط یه مشکل دارم
یه منو واسه سرچ ساختم که میخوام یه جورایی روی نسخه موبایل و... هم کار کنه
اما نمیدونم عرض اون رو چطوری تعیین کنم
میخوام منو سرچ مثل سایت زیر باشه
http://themeforest.net/

منو من:
http://sms.balyan.ir/

منویی که طراحی می کنید باید رسپانسیو باشه تا توی دیوایس ها مختلف به خوبی نشون داده بشه من جمله موبایل
برای اطلاعات CSS media queries رو جستجو کنید
یا از یک فریمورک آماده مثل بوت استرپ استفاده کنید تا نیاز های بعدی شما در کد نویسی رو هم پوشش بده

[سیدرضا بازیار]

منویی که طراحی می کنید باید رسپانسیو باشه تا توی دیوایس ها مختلف به خوبی نشون داده بشه من جمله موبایل
برای اطلاعات CSS media queries رو جستجو کنید
یا از یک فریمورک آماده مثل بوت استرپ استفاده کنید تا نیاز های بعدی شما در کد نویسی رو هم پوشش بده

آموزش فارسی ریسپانسیو رو کجا بیارم؟
فقط میخوام یه لوگو + جستجو ریسپانسیو بشه و بجز این دو تا چیزی دیگه نیست

[saeedagha]

آموزش فارسی ریسپانسیو رو کجا بیارم؟
فقط میخوام یه لوگو + جستجو ریسپانسیو بشه و بجز این دو تا چیزی دیگه نیست

پس بهتره از فریمورک استفاده نکنید
اگه فقط بحث لوگو و جستجو هست که میتونید اندازه هارو بر اساس درصد قرار بدید
یا از این استفاده کنید

/* 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 است.
این کوئری ها تمام دستگاه ها را پوشش میدهد و میتوان با اطمینان خاطر از آنها استفاده کرد.