ریسپانسیو سایت
سلام دوستان
من سایت رو روی عرضهای 768 و 567 و 400 ریسپانسیو کردم ممکنه روی مبایل واقعی بهم بریزه؟
چون بعد از اینکه روی این سایزهای بالا ریسپانسیو رو انجام دادم وقتی مجدد توی فایر فاکس Galaxy S9 انتخابش میکنم که عرضش 740*360هست بعضی قسمتها بهم میریزه ولی اگه عرض رو 400 بزارم به صورت دستی مشکلی نداره ممنون میشم اگه استید توضیح بدن
کلا برای اینکه مطمعن بشم که روی سایزهای تبلت و گوشی سایتم بدون مشکل نمایش داده میشه چطور کار کنم من اینطور کار کردم
@media screen and (max-width: 400px) {
}
@media screen and (max-width:567px) {
}
@media screen and (max-width:768px) {
}و فقط امدم روی عرضهای بالا ریسپانسیو رو انجام دادم و هیچ مشکلی نداره اگه دستی همون عرضها رو بدم ولی اگه بیام و گوشی انتخاب کنم مثل گلکسی اس 9 که عرضش 360 هست بعضی عناصر بهم میریزه
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
خودتون راه حل رو ذکر کردید:
برای واکنشگرایی، حداقل عرض رو به جای 400 پیکسل، یکی از اعداد 360 یا 340 یا 320 در نظر بگیرید.
بنابراین می تونید یک شرط دیگه اضافه کنید، یا اینکه شرط 400 رو تبدیل به یکی از اعدادی که ذکر کردم کنید.
از شیوه شبکه بندی بوت استرپ هم نیازی نیستش که استفاده کنید.
سلام
کافیه از Bootstrap یا فریم ورک های مختلف Css استفاده کنی
مثال :
<div class="col-md-3">
//har radif be 12 ta ghesmat taghsim mishe toye har screen size ke man 3 tasho dadm be in div toye size haye motevaset
</div>
<div class="col-lg-3">
//in bara size large
</div>خودتون راه حل رو ذکر کردید:
برای واکنشگرایی، حداقل عرض رو به جای 400 پیکسل، یکی از اعداد 360 یا 340 یا 320 در نظر بگیرید.
بنابراین می تونید یک شرط دیگه اضافه کنید، یا اینکه شرط 400 رو تبدیل به یکی از اعدادی که ذکر کردم کنید.
از شیوه شبکه بندی بوت استرپ هم نیازی نیستش که استفاده کنید.