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

3 هفته قبل 2 هفته قبل 243 بازدید 30 پاسخ دانیال

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

دانیال
3 هفته قبل
  • میشه کد هایش هم نشان بدید؟؟؟

    • سیامک

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

    • دانیال

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

    • دانیال

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

    • سیامک

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

    • دانیال

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

    • سیامک

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

    • بهزاد

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

    • دانیال

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

    • دانیال

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

    • دانیال

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

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

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

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

    • دانیال

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

    • بهزاد

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

    • دانیال

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

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

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

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

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

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

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

    موفق باشید

     

    • دانیال

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

    • بهزاد

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

    • میکائیل رئیسی

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

    • میکائیل رئیسی

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

    • دانیال

      سلام مکاییل رییسی خیلی ممنونم از نظر شما (2 هفته قبل)

    • دانیال

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

    • بهزاد

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

    • دانیال

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

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

    افزودن پاسخ