ریسپانسیو کردن قالب

[gediran 158]

سلام.من بعضی سایت ها رو دیدم که همون جوری که با کامپیوتر نمایش داده میشه،در موبایل هم همون‌جوری هست.آیا میشه تنظیم کنی که زمانی که با موبایل وارد می‌شویم هم فقط سایز صفحه کوچکتر بشه و قالب همون‌جوری بمونه؟

یا علی

[MRDindar 481]

4 ساعت قبل, gediran گفت:

سلام.من بعضی سایت ها رو دیدم که همون جوری که با کامپیوتر نمایش داده میشه،در موبایل هم همون‌جوری هست.آیا میشه تنظیم کنی که زمانی که با موبایل وارد می‌شویم هم فقط سایز صفحه کوچکتر بشه و قالب همون‌جوری بمونه؟

یا علی

درود

یعنی میخواید ریسپانسیو قالب غیرفعال بشه در اصل درسته؟

یاحق

[gediran 158]

خیر مهندس.منظورم اینه که زمانی که قالبی ریسپانسیو باشه نمایشش در موبایل و کامپیوتر فرق می‌کنه.ولی بعضی از قالب ها تفاوتی در نمایشش ون نیست.

یا علی

[MRDindar 481]

16 minutes قبل , gediran گفت:

خیر مهندس.منظورم اینه که زمانی که قالبی ریسپانسیو باشه نمایشش در موبایل و کامپیوتر فرق می‌کنه.ولی بعضی از قالب ها تفاوتی در نمایشش ون نیست.

یا علی

درود

فکر کنم دسته اول که شبیه هم نیستند، ریسپانسیو نیستن و نسخه موبایل دارن، چون اگر ریسپانسیو باشه قالبی باید 75% شبیه به نسخه کامپیوتر باشه حداقل. اگر چندتا مثال بزنید واضح تر میشه.

یاحق

[gediran 158]

مهندس مشکل همین جاست که آدرسشون رو نمیدونم. پیدا کردم در اسرع وقت تقدیم میکنم.

یا علی

[gediran 158]

درود.یه نمونه پیدا کردم سایت شهرداری اردبیل ardabilcity.ir

همون جوری که در رایانه نمایش میده،در موبایل هم نمایش میدهد و موقعیت مازول ها و افزونه هاش تغییر نمی‌کنه.

یا علی

ویرایش شده اردیبهشت 96 توسط gediran

[MRDindar 481]

3 ساعت قبل, gediran گفت:

درود.یه نمونه پیدا کردم سایت شهرداری اردبیل ardabilcity.ir

همون جوری که در رایانه نمایش میده،در موبایل هم نمایش میدهد و موقعیت مازول ها و افزونه هاش تغییر نمی‌کنه.

یا علی

درود

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

یاحق

[رضاقاسمی 1,539]

با سلام

اگر قالب با کتابخانه هایی چون بوت استرپ ساخته شده است که کاری نمیتوان انجام داد (البته با تغییر در سورس کتابخانه امکان پذیر است ولی توصیه نمیشود.)

در غیر اینصورت میتوانید با حذف کد های media screen و کد زیر:

<meta name="viewport" content="width=device-width, initial-scale=1">

قالب خود را به حالت غیر ریسپانسیو تغییر دهید.

[gediran 158]

8 ساعت قبل, رضاقاسمی گفت:

با سلام

اگر قالب با کتابخانه هایی چون بوت استرپ ساخته شده است که کاری نمیتوان انجام داد (البته با تغییر در سورس کتابخانه امکان پذیر است ولی توصیه نمیشود.)

در غیر اینصورت میتوانید با حذف کد های media screen و کد زیر:

<meta name="viewport" content="width=device-width, initial-scale=1">

قالب خود را به حالت غیر ریسپانسیو تغییر دهید.

مهندس یه سوال برعکس این کار هم میشه انجام داد؟

[رضاقاسمی 1,539]

برعکسش هم امکان پذیر هست

کافیه قطعه کد بالا رو اضافه کرده و شروع به نوشتن کد های مدیا اسکرین سی اس اس برای دیوایس های مختلف کنید.