رضا
3 سال پیش توسط رضا مطرح شد
6 پاسخ

عدم نمایش در موبایل

سلام من یه تگ سلکت دارم که توی کامپیوتر تو حالت ریسپانسیو نمایش داده میشه ولی تو گوشی نماشی داده نمیشه.
این تو دسکتاپ که نمایش میده
تصویر دسکتاپ

این از گوشی که نمایش نمیده

تصویر موبایل

اینم آدرس سایت که خودتون چک کنید همون بالاشه
http://demo.myhouserealestate.ir/

فک نکنم مشکل از media query باشه چون تو ریسپانسیو دسکتاپ اوکیه

سوال بعدی این که کلا ابزاری هست که اون چیزی که واقعا تو گوشی رو نمایش میده رو تو دسکتاپ ببینیم؟


ثبت پرسش جدید
فرشید مرادی
تخصص : noob
@eniack 3 سال پیش مطرح شد
1

سلام ، اول اینکه شما از طریق دستکتاپ در حالت ریسپانسیو هم میتونی ببینی که سلکت رو نمایش نمیده ، چون باید یکبار در حالت ریسپانسیو صفحه رو رفرش کنی ،
مشکل از این خط کد هست :

.select-hidden {
    display: none;
    visibility: hidden;
}

در صفحه style.css خط 8986


رضا
@rezakarimi376 3 سال پیش مطرح شد
0

@eniack

آقا فرشید رفرش کردم هم درست نشد تو حالت اول
نمیدونم برای شما چجوری کار کرد؟
crtl+f5 هم زدم تو دسکتاپ پاک نشد
بعد مگه media query نیاز به رفرش داره؟

هر چند اون کدی که فرمودید رو پاک کردم نشون داد
بحث من اینه یه سری استایل ها تو گوشی و دستکاپ فرق دارن با هم اینارو چجوری مدیریت کنم؟
دلیل فرقشون چیه؟

دسکتاپ
دسکتاپ

گوشی
گوشی

اینم لینک تصاویر بالا برای اینکه خودتون امتحان کنید

https://myhouserealestate.ir/search


فرشید مرادی
تخصص : noob
@eniack 3 سال پیش مطرح شد
0

ببینید المنت های شما در حالت دسکتاپ و موبایل فرق میکنند یعنی یک input تعریف کردید فقط برای زمانی که عرض صفحه در حالت بزرگ هست و یک input هم برای زمانی که عرض صفحه کم هستش ، برای مثال همین مورد اول محله خود را انتخاب کنید این کدهارو داره در حالت دسکتاپ :

<div class="chosen-container chosen-container-multi chosen-with-drop chosen-container-active" style="width: 100%;" title="" id="neighborhoods_form_chosen"><ul class="chosen-choices"><li class="search-field"><input type="text" value="محله را انتخاب کنید" class="default" autocomplete="off" style="width: 121.344px;"></li></ul><div class="chosen-drop"><ul class="chosen-results"><li class="active-result highlighted" data-option-array-index="0" style="">قلعه مرغی</li><li class="active-result" data-option-array-index="1" style="">محله هفت چنار</li><li class="active-result" data-option-array-index="2" style="">محله هروی - حسین آباد (حسين آباد - مبارك آباد)</li><li class="active-result" data-option-array-index="3" style="">محله نیلوفر - شهید قندی</li><li class="active-result" data-option-array-index="5" style="">محله انبار نفت</li><li class="active-result" data-option-array-index="6" style="">محله امیرآباد</li><li class="active-result" data-option-array-index="7" style="">محله ونک</li><li class="active-result" data-option-array-index="8" style="">محله فردوس</li><li class="active-result" data-option-array-index="9" style="">محله دبستان (مجيديه - دبستان)</li><li class="active-result" data-option-array-index="10" style="">محله جنت‌ آباد جنوبی</li><li class="active-result" data-option-array-index="11" style="">محله اسکندری</li><li class="active-result" data-option-array-index="12" style="">محله ارم</li><li class="active-result" data-option-array-index="13" style="">محله توحید</li><li class="active-result" data-option-array-index="14" style="">محله سازمان آب</li><li class="active-result" data-option-array-index="15" style="">محله شیخ هادی (انقلاب -فلسطين)</li><li class="active-result" data-option-array-index="16" style="">محله جوادیه (زمانی) (جواديه)</li><li class="active-result" data-option-array-index="17" style="">محله نارمک جنوبی (نارمک)</li><li class="active-result" data-option-array-index="18" style="">محله بهار</li><li class="active-result" data-option-array-index="19" style="">محله کاظم آباد - بنی هاشم (كاظم اباد)</li><li class="active-result" data-option-array-index="20" style="">محله بهارستان</li><li class="active-result" data-option-array-index="21" style="">محله افسریه جنوبی</li><li class="active-result" data-option-array-index="22" style="">محله تهران ویلا</li><li class="active-result" data-option-array-index="23" style="">محله هفت حوض</li><li class="active-result" data-option-array-index="24" style="">شهرک فرهنگیان (شهرک فرهنگیان-آزادي)</li><li class="active-result" data-option-array-index="26" style="">محله فتح - صنعتی (فتح)</li><li class="active-result" data-option-array-index="27" style="">شهرک غرب (شهرک قدس)</li><li class="active-result" data-option-array-index="28" style="">محله فردوسی</li><li class="active-result" data-option-array-index="30" style="">محله وحیدیه</li><li class="active-result" data-option-array-index="31" style="">محله شمس آباد (شمس آباد - مجيديه)</li><li class="active-result" data-option-array-index="32" style="">محله پردیسان (شهرک آزمایش)</li><li class="active-result" data-option-array-index="33" style="">محله مخصوص</li><li class="active-result" data-option-array-index="34" style="">محله فدک</li><li class="active-result" data-option-array-index="35" style="">محله زاهد گیلانی</li><li class="active-result" data-option-array-index="36" style="">محله ستارخان - آلستوم (برق آلستوم(ستارخان))</li><li class="active-result" data-option-array-index="37" style="">محله **** زاده عبدالله (امامزاده عبداله)</li><li class="active-result" data-option-array-index="38" style="">محله باغ فیض</li><li class="active-result" data-option-array-index="39" style="">محله میرداماد (سيد خندان)</li><li class="active-result" data-option-array-index="40" style="">محله شهید هرندی (هرندي)</li><li class="active-result" data-option-array-index="41" style="">شهرک آپادانا (آپادانا)</li><li class="active-result" data-option-array-index="42" style="">محله سلسبیل جنوبی</li><li class="active-result" data-option-array-index="43" style="">محله فرودگاه مهرآباد</li><li class="active-result" data-option-array-index="44" style="">محله امیریه</li><li class="active-result" data-option-array-index="45" style="">محله سجاد</li><li class="disabled-result" data-option-array-index="47" style="">محله زنبیل آباد</li></ul></div></div>

و اینم مود موبایل

<div class="select"><select name="neighborhoods[]" id="neighborhoods_form" data-placeholder="محله را انتخاب کنید" class="chosen-select-no-single select-hidden" multiple="">
                                                                                                            <option value="1" data-provine="1">قلعه مرغی</option>
                                                                                                            <option value="2" data-provine="1">محله هفت چنار</option>
                                                                                                            <option value="3" data-provine="1">محله هروی - حسین آباد (حسين آباد - مبارك آباد)</option>
                                                                                                            <option value="4" data-provine="1">محله نیلوفر - شهید قندی</option>
                                                                                                            <option value="5" data-provine="1"></option>
                                                                                                            <option value="6" data-provine="1">محله انبار نفت</option>
                                                                                                            <option value="7" data-provine="1">محله امیرآباد</option>
                                                                                                            <option value="8" data-provine="1">محله ونک</option>
                                                                                                            <option value="9" data-provine="1">محله فردوس</option>
                                                                                                            <option value="10" data-provine="1">محله دبستان (مجيديه - دبستان)</option>
                                                                                                            <option value="11" data-provine="1">محله جنت‌ آباد جنوبی</option>
                                                                                                            <option value="12" data-provine="1">محله اسکندری</option>
                                                                                                            <option value="13" data-provine="1">محله ارم</option>
                                                                                                            <option value="14" data-provine="1">محله توحید</option>
                                                                                                            <option value="15" data-provine="1">محله سازمان آب</option>
                                                                                                            <option value="16" data-provine="1">محله شیخ هادی (انقلاب -فلسطين)</option>
                                                                                                            <option value="17" data-provine="1">محله جوادیه (زمانی) (جواديه)</option>
                                                                                                            <option value="18" data-provine="1">محله نارمک جنوبی (نارمک)</option>
                                                                                                            <option value="19" data-provine="1">محله بهار</option>
                                                                                                            <option value="20" data-provine="1">محله کاظم آباد - بنی هاشم (كاظم اباد)</option>
                                                                                                            <option value="21" data-provine="1">محله بهارستان</option>
                                                                                                            <option value="22" data-provine="1">محله افسریه جنوبی</option>
                                                                                                            <option value="23" data-provine="1">محله تهران ویلا</option>
                                                                                                            <option value="24" data-provine="1">محله هفت حوض</option>
                                                                                                            <option value="25" data-provine="1">شهرک فرهنگیان (شهرک فرهنگیان-آزادي)</option>
                                                                                                            <option value="26" data-provine="1"></option>
                                                                                                            <option value="27" data-provine="1">محله فتح - صنعتی (فتح)</option>
                                                                                                            <option value="28" data-provine="1">شهرک غرب (شهرک قدس)</option>
                                                                                                            <option value="29" data-provine="1">محله فردوسی</option>
                                                                                                            <option value="30" data-provine="1"></option>
                                                                                                            <option value="31" data-provine="1">محله وحیدیه</option>
                                                                                                            <option value="32" data-provine="1">محله شمس آباد (شمس آباد - مجيديه)</option>
                                                                                                            <option value="33" data-provine="1">محله پردیسان (شهرک آزمایش)</option>
                                                                                                            <option value="34" data-provine="1">محله مخصوص</option>
                                                                                                            <option value="35" data-provine="1">محله فدک</option>
                                                                                                            <option value="36" data-provine="1">محله زاهد گیلانی</option>
                                                                                                            <option value="37" data-provine="1">محله ستارخان - آلستوم (برق آلستوم(ستارخان))</option>
                                                                                                            <option value="38" data-provine="1">محله **** زاده عبدالله (امامزاده عبداله)</option>
                                                                                                            <option value="39" data-provine="1">محله باغ فیض</option>
                                                                                                            <option value="40" data-provine="1">محله میرداماد (سيد خندان)</option>
                                                                                                            <option value="41" data-provine="1">محله شهید هرندی (هرندي)</option>
                                                                                                            <option value="42" data-provine="1">شهرک آپادانا (آپادانا)</option>
                                                                                                            <option value="43" data-provine="1">محله سلسبیل جنوبی</option>
                                                                                                            <option value="44" data-provine="1">محله فرودگاه مهرآباد</option>
                                                                                                            <option value="45" data-provine="1">محله امیریه</option>
                                                                                                            <option value="46" data-provine="1">محله سجاد</option>
                                                                                                            <option value="47" data-provine="2" disabled=""></option>
                                                                                                            <option value="48" data-provine="3" disabled="">محله زنبیل آباد</option>
                                                                                                    </select><div class="select-styled">قلعه مرغی</div><ul class="select-options"><div class="select-list-container"><li rel="1">قلعه مرغی</li><li rel="2">محله هفت چنار</li><li rel="3">محله هروی - حسین آباد (حسين آباد - مبارك آباد)</li><li rel="4">محله نیلوفر - شهید قندی</li><li rel="5"></li><li rel="6">محله انبار نفت</li><li rel="7">محله امیرآباد</li><li rel="8">محله ونک</li><li rel="9">محله فردوس</li><li rel="10">محله دبستان (مجيديه - دبستان)</li><li rel="11">محله جنت‌ آباد جنوبی</li><li rel="12">محله اسکندری</li><li rel="13">محله ارم</li><li rel="14">محله توحید</li><li rel="15">محله سازمان آب</li><li rel="16">محله شیخ هادی (انقلاب -فلسطين)</li><li rel="17">محله جوادیه (زمانی) (جواديه)</li><li rel="18">محله نارمک جنوبی (نارمک)</li><li rel="19">محله بهار</li><li rel="20">محله کاظم آباد - بنی هاشم (كاظم اباد)</li><li rel="21">محله بهارستان</li><li rel="22">محله افسریه جنوبی</li><li rel="23">محله تهران ویلا</li><li rel="24">محله هفت حوض</li><li rel="25">شهرک فرهنگیان (شهرک فرهنگیان-آزادي)</li><li rel="26"></li><li rel="27">محله فتح - صنعتی (فتح)</li><li rel="28">شهرک غرب (شهرک قدس)</li><li rel="29">محله فردوسی</li><li rel="30"></li><li rel="31">محله وحیدیه</li><li rel="32">محله شمس آباد (شمس آباد - مجيديه)</li><li rel="33">محله پردیسان (شهرک آزمایش)</li><li rel="34">محله مخصوص</li><li rel="35">محله فدک</li><li rel="36">محله زاهد گیلانی</li><li rel="37">محله ستارخان - آلستوم (برق آلستوم(ستارخان))</li><li rel="38">محله **** زاده عبدالله (امامزاده عبداله)</li><li rel="39">محله باغ فیض</li><li rel="40">محله میرداماد (سيد خندان)</li><li rel="41">محله شهید هرندی (هرندي)</li><li rel="42">شهرک آپادانا (آپادانا)</li><li rel="43">محله سلسبیل جنوبی</li><li rel="44">محله فرودگاه مهرآباد</li><li rel="45">محله امیریه</li><li rel="46">محله سجاد</li><li rel="47"></li><li rel="48">محله زنبیل آباد</li></div></ul></div>

باید همه ی صفحات رو در حالت های مختلف تست کنید و یکپارچش کنید و یا روی همین حالتی که هست یکم بهش سرو سامان بدی


رضا
@rezakarimi376 3 سال پیش مطرح شد
0

@eniack
بله درسته
من خودم فرانتشو نزدم
فقط مشکل من اینه که مگه تنها راهی که میشه تشخیص داد دیواس کاربر موبایله یا دسکتاپ محاسبه عرض صفحه در مدیا کوئری نیس؟
اگه این باشه که باید تو حالت دسکتاپ ریسپانسیو و موبایل یکی باشه دیگه صفحات


فرشید مرادی
تخصص : noob
@eniack 3 سال پیش مطرح شد
0

بله محاسبه عرض دیوایز هستش از طریق جاوااسکریپت هم میشه کنترلش کرد ،
فرانت شما به این صورت کار میکنه که اگر عرض در حالت موبایل بود اون div که مخصوص نمایشگر بزرگ هستش رو مخفی میکنه و div مخصوص نمایشگر موبایل رو نمایش میده برای همین هست که باید صفحه رفرش بشه تا تغییرات رو ببینیم


رضا
@rezakarimi376 3 سال پیش مطرح شد
0

@eniack
ببخشید زیاد مزاحم شدم یعنی شما میفرمایید تو حالت دسکتاپ که ریسپانسیوه وقتی رفرش میکنید
این نوشته ها مثل موبایل میشه؟
توضیح تصویر رو وارد کنید

یعنی مینویسه selected 0?

چون برا من اینطوری نیست؟
و طبق صحبت های شما باید بشه اونطور که من متوجه شدم


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

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