رفتن به مطلب

پست های پیشنهاد شده

سلام دوستان

برای ریسپانسیو کردن تصاویر سایت بهترین روش به نظر شما چیه؟ که حجم سایت بالا نره. با Adaptive Imagse هم اگه کسی کار کرده یه توضیح بده ممنون میشم.

لینک به ارسال

استاندارد اون به نظر من درصد دادن هستش یا اینکه از فریم ورک هایی مثل بوت استراپ 3 یا foundation استفاده کنید ...

این نمونه آنلاین رو ببینید -کلیک کنید

  • امتیاز 1
لینک به ارسال

www.avindesign.ir

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

لینک به ارسال

www.avindesign.ir

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

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

شما الان این روشی که گفتم رو تست کنید و به عکس اندازه 100 درصد بدید و پیشنهاد میکنم که اونو داخل یک div بذارید ...

اگر با بوت استراپ کار کنید کارتون خیلی راحت میشه چون این فریم ورک به صورت پیش فرض و خودکار عکس ها رو ریسپانسیو میکنه با کلاس img responsive ...

  • امتیاز 1
لینک به ارسال

بهترین مرجع اون سایت اصلی بوت استراپ 3 فارسی هستش که مستندات خیلی روانی داره

http://rbootstrap.ir

  • امتیاز 1
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...