راکت

مشکل در ریسپانسیو

9 پاسخ

سلام دوستان من یه سایتی رو ریسپانسیو کردم و از مدیا کوئری هم استفاده کردم منتها یه مشکلی که داره تو مانیتور فول اچ دی که بازش میکنی تو همه width ها درست نشون میده ولی وقتی تو یه مانیتور hd بازش میکنی ساختار صفحه بهم میریزه کسی میتونه راهنمایی کنه؟ توضیح تصویر رو وارد کنید
اینم دو تا تصویر

Funny Clips
Funny Clips
@rezvanclan
ثبت پرسش جدید

پاسخ‌ها

9
محمد
محمد
@molkan99

سلام با استفاده از Inspect و Ctrl +Shift + M به پنجره Toggle device منتقل میشین اونجا ی بار دیگه همین سایز مانیتور HD رو تعیین کنین ، احتمالا از رزولوشن باشه که توی ویندوز به مشکل خورده و یا داخل خود مرورگر ها ی بخش Zoom Page داره داخل تنظیمات اونم چک بفرمایین روی 100% باشه

پویا زورآوند
پویا زورآوند
@zouravand

تخصص: برنامه نویس بک اند

سایز محدود کننده media query رو باید کمتر کنی. الان توی Full-HD میفته تو یه بازه، تو HD میفته تو یه بازه دیگه

شاید پاسخ شما همین‌جا باشد

Funny Clips
Funny Clips
@rezvanclan

@pouya.zuravand
ببخشید متوجه منظورتون نشدم

Funny Clips
Funny Clips
@rezvanclan

@molkan99
بله درست میفرمایید مشکل از رزولیشن صفحه هست این موضوع رو باید چه جوری درست کنم؟برای ویندوزی که رزولیشنش 1920 نمیشه

پویا زورآوند
پویا زورآوند
@zouravand

تخصص: برنامه نویس بک اند

چطور از مدیا کوئری استفاده کردین؟

Funny Clips
Funny Clips
@rezvanclan

@media screen and (max-width:1500px)

محمد
محمد
@molkan99

@rezvanclan
توی این مقاله ی سری راه ها برای اضافه کردن رزولیشن دلخواه داده :
https://windowsreport.com/create-custom-resolutions-windows-10/

Funny Clips
Funny Clips
@rezvanclan

@molkan99
ممنون ولی این مقاله مشکل منو برطرف نمیکنه

پویا زورآوند
پویا زورآوند
@zouravand

تخصص: برنامه نویس بک اند

مشکل شما همین عدد 1500 هست احتمالن و باید کمتر بشه، اگر میخواین تو HD هم درست نشون بده، 1200 میتونین بذارین

استاندارد مرزبندی مدیا کوئری ها توی بوت استرپ این هست. میتونین از این مقادیر استفاده کنین.

X-Small <576px
Small ≥576px
Medium ≥768px
Large ≥992px
Extra large ≥1200px
Extra extra large ≥1400px

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام