×
صفحه اصلی سوالات برنامه نویسی کاربران دوره‌های آموزشی پروفایل کاربری درباره و تماس

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

0
0

مثلا من دارم با صفحه ۲۰ اینچی سایت را میسازم ولی سایت وقتی وارد یه صحفه ۱۰ اینجی میشود خراب میشود و بعضی  از متن هایش پاک میشود وعکس ها و فیلم ها پاک میشنود و حتی استایل ش هم از بین میره نیمدونم چگونه این مشکل را برطرف کنم

  • 1 ماه قبل
  • 1 ماه قبل
  • 302 بازدید
  • 30 پاسخ

میشه کد هایش هم نشان بدید؟؟؟

  • 1 ماه قبل
  • 0 0
    سیامک

    سیامک سلام ؛ به نظرم ساده ترین راه اینه که اندازه های عناصر صفحه رو به صورت درصد تعریف کنید تا با ابعاد هر گونه صفحه سازگار بشه(1 ماه قبل)

  • 0 1

    دانیال همین کارو کردم اما تو همون صفحه اصلی بک گراند هاشو از بین میرفت(1 ماه قبل)

  • 0 0

    دانیال مثلا اگه همرو به درصد تعریف میکنم عرض رو درست انجام میده اما ارتفاع رو اشتباه نشون میده(1 ماه قبل)

  • 0 0
    سیامک

    سیامک یکی از راه های معمول در مورد ارتفاع عناصر اینه که باید ارتفاع رو به صورت auto تعریف کنی تا خودکار (متناسب با ارتفاع محتوا) ارتفاع بگیره ولی در مورد از بین رفتن بکگراند و .. باید یکم واضح توضیح بدی!(1 ماه قبل)

  • 0 0

    دانیال وقتی که زوم بشه قسمت خیلی بزرگی از بکگراند از بین میره (1 ماه قبل)

  • 0 0
    سیامک

    سیامک نمی دونم والله ؛ تا خود کد رو نبینم نمی تونم نظر بدم(1 ماه قبل)

  • 0 0

    بهزاد حتب اگه از درصد هم استفاده کده باشین باز هم نیازه که تغییراتی رو اعمال کنید(1 ماه قبل)

  • 0 0

    دانیال بله بعضی از تغییرات نشان داده نمیشه ولی با media query چند ساعت پیش تست کردم انجام شد وmedia query هیچ تغییراتی رو پاک نکرد(1 ماه قبل)

  • 0 0

    دانیال منظور اینکه با درصد همه تغییرات انجام نمیشه ولی با media query همه تغیرات انجام میشوند(1 ماه قبل)

  • 0 0

    دانیال داشتم اسکرول میکردم که دستم خورد خیلی ببخشید(1 ماه قبل)

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

Dani96sh اینستا سرچ کن اونجا میتونم راهنمایی کامل کنم

  • 1 ماه قبل

باید سایت رو ریسپانسیو کنید و متناسب با هر صفحه ای نمابش داده بشه. Css  این کار رو انجام میده با استفاده از media query

  • 1 ماه قبل
  • 0 0

    دانیال خیلی ممنونم از نظر شما در w3schools سرچ کردم media query و جواب سوالم به خوبی حل شد(1 ماه قبل)

  • 0 0

    بهزاد ولی فک کنم به اشتباه تیک بهترین جواب رو زده باشی :)(1 ماه قبل)

  • 0 0

    دانیال اره ببخشید اشتباه دستم خورد تیک بهترین جواب(1 ماه قبل)

این بحث مربوط به ریسپانسیو کردن قالب سایت هست . که قالب رو مناسب هر دیواس شخصی سازی میکنه . از تکنولوژی های مختلفی میشه برای این بحث استفاده کرد .

  • 1 ماه قبل

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

برای اینکار میتونین از فریمورک Bootstrap استفاده کنین که یه فریمورک css هست ولی قبلش باید html و css رو خوب یاد بگیرین.

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

دوست عزیز به هیچ وجه قصد توهین یا تمسخر ندارم اما واضحه که شما حتی مباحث ابتدایی Css رو هم نمیدونین و هنوز خیلی تازه کار هستین و بنظرم بجای یادگیری واکنش گرایی، در زمینه css بیشتر مطالعه کنین.

امیدوارم به کارتون اومده باشه:)

موفق باشید

 

  • 1 ماه قبل
  • 0 0

    دانیال خیلی ببخشید من از اوایل بهمن ها سال ۹۹ برنامه نویسی رو شروع کردم اونموقع با c#شروع کردم و از اوایل تیر ماه اموزش استاد خسروی رو شروع کردم استاد اینقدر خوب یاد دادن که من ۸ تا پروژه دورشون رو بدون باگ و خطا انجام دادم استاد خسروی تمامی مباحث رو به خوبی یاد دادن و من هم هیچوقت یادم نمیره ولی هر برنامه نویسی یک مشکلات و خطا هایی برایش درست میشه اما نمیشه گفت که برنامه نویسی که باگ داره برنامه نویس نیست ولی میخواستم بگم لطفا زود قضاوت نکنید ممنونم از نظر شما ولی من بوت اسپرت رو بلد نیستم نمیشه که گفت تازه واردم اما شما درست میگید تازه وارد شدم اما با سرعت دارم میرم جلو و تلاش میکنم نظر تون مفید بود اما شما شاید راست بگید که من css رو بلد نیستم اما من با cssخیلی پروژه های موفقیت آمیز نوشتم (1 ماه قبل)

  • 0 0

    بهزاد ناراحت نشو . به نظر من فعلا سمت بوت استرپ نرو . Css رو یاد بگیر که تو همین css دوتا مبحث حائز اهمیته و یادگیریش یه نمه پیچیده تره: یکی انیمیشن ها دومی همین مدیا کوئری ها ؛ البته پیچیده نیست فقط زمان بره ، فکرشو بکن چند بار باید برای هر صفحه نمایشی طراحی کنی(1 ماه قبل)

  • 0 0

    میکائیل رئیسی دوست عزیز من اصلا ادمی نیستم که کسی رو زود قضاوت کنم و تبریک میگم بهتون بابت پروژه های موفق بدون باگ cssتون ولی شما مفهوم کلی css رو هنوز درک نکردین و حتی مفهوم رسپانسیو شدن رو هم نمیدونستین پس اون پروژه هایی رو که زدین (به نظر بنده) بزارین کنار کلا و از اول یه مروری روی css داشته باشین و سعی کنید اون رو به خوبی یاد بگیرید. من نمیگم شما برنامه نویس بدی هستی من میگم هنوز توی css خیلی تازه کار هستین و هنوز خیلی کار دارین تا به اون حد مدنظر خودتون برسین. حالا یا میتونین بهتون بربخوره و جبهه بگیرید یا میتونین مطالعتون رو در زمینه css بالاتر ببرین و هر روز چیزهای جدیدی یاد بگیرین و بهتر شین تصمیم با خودتونه :) (1 ماه قبل)

  • 0 0

    میکائیل رئیسی دوست عزیز به نظرم برین به سر به سایت های بروز و موفق دنیا که با Css طراحی شدن بزنید و سعی کنید شما هم اون هارو واسه خودتون طراحی کنید. به نظر چالش خیلی باحالی میتونه باشه واستون و میتونین مهارت های خودتون رو بسنجین :)(1 ماه قبل)

  • 0 0

    دانیال سلام مکاییل رییسی خیلی ممنونم از نظر شما (1 ماه قبل)

  • 0 0

    دانیال سلام اقا بهزاد مسئله انیمیشن ها در css زیاد سخت نیست ققط وقتی که انیمیشن ها زیاد بشوند کمی باگ ایجاد میشه و پیجیده میشه(1 ماه قبل)

  • 0 0

    بهزاد نه باگی ایجاد نمیشه بلکه باید با js مهارش کنی : و ممکن تو یه صفحه چندین انیمیشن روی هم سوار بشن که باید با استفاده از z-index اون هارو سطح بندی کنید(1 ماه قبل)

  • 0 0

    دانیال بله با جاوا اسکرپیت آسان میشوید(1 ماه قبل)

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

  • 1 ماه قبل
افزودن پاسخ