راکت
حل شده

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

14 پاسخ

سلام خدمت دوستان
برای ریسپانسیو کردن از مدیا کویری استفاده کردم در گوشی های معمولی به خوبی کار مینه ولی در گوشی مثل s10 کل قالب در هم میره کسی میدونه مشکل چیه ؟
کمی که سرچ کردم به همچین چیزی رسیدم
ولی کار نکرد
min-device-pixel-ratio: 3

ثبت پرسش جدید

پاسخ‌ها

14
محمد حسین سیف الهی
محمد حسین سیف الهی
@iseifollahi

تخصص: Full Stack Developer

بهترین پاسخ

اخ اخ اخ
آقا حل شد
کش مرور گر هامو پاک نکرده بودم
مرسی از همه دوستان

saman
saman
@saman1111

سلام

از چه نظر به هم میریزه ؟

میثم
میثم
@reefbuilder

تخصص: php

یه تصویر از بهم ریختگی بفرستی بهتر میشه مشکل رو کشف کرد

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

محمد حسین سیف الهی
محمد حسین سیف الهی
@iseifollahi

تخصص: Full Stack Developer

ببخشید سوالم و درست مطرح نکردم
قالب سایت به هم نمیریزه
در گوشی های معمولی کار میکنه
ولی در گوشی های مدل بالا مدیا کویری اعمال نمیشه

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

کدها و خروجی رو قرار بدین.

سهیل حیدری
سهیل حیدری
@hbr

به نظرم اگه از آخرین ورژن ها استفاده کنی مشکلت حل میشه چون تو ورژن های جدید گوشی ها یکسری تغییرات اعمال شده.

علیرضا تحریری
علیرضا تحریری
@alirezatahriri

تخصص: لاراول، لایوایر و Tailwind css

سلام @iseifollahi برای چی از CSS استفاده نمیکنید، در گوشی های قدیمی هم خوب کار میکنن من خودم سایتم رو با CSS واکنش گرا کردم.
استفاده از اون هم خیلی ساده است:

@media screen and (max-width: 300px){
    body{
        background: red;
    }
}

موفق و پیروز باشید.

محمدرسول ضیاءالدینی
محمدرسول ضیاءالدینی
@rasool

تخصص: full stack developer

منظورتون از در هم ریختگی دقیقا چیه؟
یا تصویر یا کدتونو بزارید تا بهتر بشه کمک کرد

saman
saman
@saman1111

@iseifollahi
کدتون رو قرار بدید بگید کدوم قسمتش باید اجرا بشه که اجرا نمیشه

محمد حسین سیف الهی
محمد حسین سیف الهی
@iseifollahi

تخصص: Full Stack Developer

سلام
کد زیر در تمام گوشی ها به درستی نشون داده میشه و ولی تو s10 نه

@media only screen and (max-width : 460px) 

در گوشی معمولی

تصویر در گوشی معمولی

در گوشی s10

تصویر در s10

احسان قربانی
احسان قربانی
@TimeRunner2359

تخصص: PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@iseifollahi
سلام و وقت بخیر
توی S10 با مرورگر دیگه ای هم امتحان کردید یا نه ؟ چون مرورگرِ الان ، مرورگر خود سامسونگ هست و البته کد هم (همون قدر که گذاشتید) مشکل خاصی نداره .....

محمد حسین سیف الهی
محمد حسین سیف الهی
@iseifollahi

تخصص: Full Stack Developer

بله با کروم و مرورگر گوگل هم به همین شکله

احسان قربانی
احسان قربانی
@TimeRunner2359

تخصص: PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@iseifollahi
عجیبه !
یه چند پیکسل اون max width رو کم یا زیاد کنید . ممکنه از این باشه .

محمد حسین سیف الهی
محمد حسین سیف الهی
@iseifollahi

تخصص: Full Stack Developer

والا تا 700 پیکسل هم بردم
نمیشه
مرور گر ها هم بروز هستند

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

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