rezaei.m.p

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

8 پست در این موضوع

با سلام

من برای نسخه موبایل سایت به آدرس

http://networkrezaei.ir/azyab1/

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

تنظیماتش هم مثل بقیه سایت زدم و

clear:both

هم استفاده کردم ولی نشد

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

Share this post


Link to post
Share on other sites
در 2 ساعت قبل، levelup گفته است :

سلام
کو شکل؟

عکس آپلود نشده بود دوباره عکس را اپلود کردم

Share this post


Link to post
Share on other sites

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites
در 16 ساعت قبل، levelup گفته است :

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

ممنون بابت توضیحات کاملتون من سعی می کنم تمام مواردی که گفتید را انجام بدهم

 

Share this post


Link to post
Share on other sites
در 19 ساعت قبل، levelup گفته است :

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

مورد های یک و دوم را انجام داد

مورد سوم هم col-sm ها فقط من تنظیم کردم که با توجه به توضیحتون گذاشتمش روی  col-sm-12 که هر دوازده ستون پر بشه

مورد چهارم هم که گفتید را وقتی بر می دارم درسته که کل sp-top-bar  نشون داده میشه ولی خب عملا انگار می افتد روی لوگو و همه چی خراب میشه

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

 

من چیزی که دوست دارم اتفاق بیفته این هست

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

بعد بلوک زیرش بشه ایجاد حساب کاربری و ...

بعد لوگو

 

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

Share this post


Link to post
Share on other sites

خط 67 فایل custom.css باید مقدار  خصیصه position رو از abslute به  reletive یا static تغییر بدین.

 

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری