چرا قالبم در موبایل بد نمایش داده میشه؟

[aliali100 57]

سلام

من یک قالب با سی اس اس طراحی کردم

در مانیتور کامپیوترم بدون هیچ مشکلی نمایش داده میشه

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

مثلا یک قسمتی هستش که من 3 تا لینک دارم کنار هم که با فونت بزرگ هستش و یک جوری ست کردم که هم عرض قالبم باشه

مثلا اینجوری :

طراحی سایت بهینه سازی سایت طراحی گرافیک

حالا مشکل اینه که :

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

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

توجه : اصلا این موضوع رو به طراحی ریسپانسیو ربطش ندید چون در شرایط عادی هم باید ظاهر سایتم که در مانیتور نمایش داده میشه باید در موبایل هم به همون صورت نمایش داده بشه

ممنون میشم اگه کسی بتونه راهنماییم کنه

[Ehsaan 1865]

چاره ای نیست جز ربط دادن به ریسپانسیو. اگه میخواید به همین صورت دقیقاً باشه، میشه، اما باید توی صفحه های کوچیک، فونت رو اونقدر کوچیک کنید که نره خط بعد.

[aliali100 57]

چاره ای نیست جز ربط دادن به ریسپانسیو. اگه میخواید به همین صورت دقیقاً باشه، میشه، اما باید توی صفحه های کوچیک، فونت رو اونقدر کوچیک کنید که نره خط بعد.

چرا باید اینطوری باشه؟

در قسمتی دیگر از قالبم اومدم یک متنی رو با فونت

tahoma

با سایز 14 نوشتم اونم به همین صورت بد نشون میده

فکر نمیکنم به سایز ربط داشته باشه

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

راهکار دیگه ای کسی داره؟

ویرایش شده مرداد 93 توسط saman_kiyani

[Ehsaan 1865]

از viewport استفاده کردید توی قالب؟

[amirali.bk 656]

سلام

تنها راه ریسپانسیو کردن قالبه دوسته عزیز..اون دوره گذشت دیگه دوره طراحی های نسل جدید شروع شده

[aliali100 57]

از viewport استفاده کردید توی قالب؟

نه استفاده نکردم

میشه یک مقدار توضیح راجبش بدید

سلام

تنها راه ریسپانسیو کردن قالبه دوسته عزیز..اون دوره گذشت دیگه دوره طراحی های نسل جدید شروع شده

بله دورانش گذشته ولی این اصلا ربطی به این نداره که مشکل نخواد حل بشه

مثلا سایت ورزش3

هم تو کامپیوتر هم موبایل و هم تبلت یک جور نمایش داده میشه

من میخوام ایراد کار خودم رو بدونم بعدش طراحی ریسپانسیو رو هم یاد میگیرم

[Ghasem Paran 333]

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

پیشنهاد من اینه که اندازه فونت را به صورت % بدید.

body {
font:.81em/150% Tahoma, "Lucida Grande", Arial, "Lucida Sans Unicode",sans-serif;
}

یا به صورت em

font-size: 1em;

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

ویرایش شده مرداد 93 توسط Ghasem Paran

[iAmin 405]

الاوه بر چیز هایی که دوستان گفتن این هم خیلی میتونه کمک کنه مطالعه کنید

http://websilent.com/%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%DB%8C%DA%A9%D8%B3%D8%A7%D9%86-%D9%82%D8%A7%D9%84%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B1%D9%88%DA%AF%D8%B1-%D9%87/

[aliali100 57]

دوستان من حتما به توصیه های شما عمل میکنم فقط یه چیزی

این مشکل رو من قبلا هم داشتم

یعنی وقتی با خط اینترنت خودم نگاه میکنم چه با موبایل چه با کامپیوتر هیچ مشکلی نداره

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

این مشکل خیلی عجیبه!!!

من حتی ویندوز خودم رو هم که عوض میکنم از طریق خط اینترنت خودم چه با موبایل و چه با کامپیوتر هیچ مشکلی نداره

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

[Black_Sky 6349]

اولین باره همچین چیزی میشنوم که ابعاد با خط تغییر کنه

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

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

[aliali100 57]

اولین باره همچین چیزی میشنوم که ابعاد با خط تغییر کنه

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

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

واسه خود من هم خیلی جای تعجب داره این مسئله

[Black_Sky 6349]

از این آموزش ها استفاده کنید :

http://webhub.ir/آمو...استفاده-از-css3

http://www.7learn.co...تفاده-از-jquery

http://barnamenevis....لب-با-bootstrap

http://forum.wp-pars...ا-با-قالب-عادی/