ورود

نسخه کامل مشاهده نسخه کامل : تغییر اندازه عکس هدر صفحه متناسب با تغییر رزولوشن صفحه


seyyed agh
28-09-2013, 02:24
سلام
میدانیم که رزولوشن مونیتور هر نفر با دیگری متفاوت است مثلا یکی 600*800 و دیگری 768*1024 و ...
حالا اگه عکسی در هدر صفحه بگذاریم که عرض ان مثلا1000 و رزولوشن شخص مثلا600*800 باشد انگاه 400 پیکسل از عرض عکس میپرد!
عکس این موضوع نیز صادق است یعنی اگه عرض عکسی مثلا 500 باشد و رزولوشن شخص مثلا 600*800 باشد انگاه 100 پیکسل کم میاید و background-repeat خواه no-repeat باشد و خواه repeat-x باشد باز هم ظاهر خوبی نخواهد داشت.
راه چاره چیست ؟ چطور میتوان مانند طول و عرض عکس را به درصد بیان کرد و نه پیکسل تا از این مشکل جلوگیری کنیم؟
به عبارت دیگر چطور میتونیم متناسب با تغییر رزولوشن مونیتور شخص، طول و عرض عکس نیز متناسب با ان تغیر کند؟
MERLIN_BOZORG
28-09-2013, 21:24
عکس header رو بزار تو یه DIV بعد توی CSS طول و عرض این DIV رو با درصد مشخص کن
عروس دریایی
30-09-2013, 08:58
یک جور دیگه هم میشه این کار رو کردپ
به این صورت عمل کرد:n05:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
خواهش می کنم تشویقم نکنید قابل شما رو نداشت
:n01:
lolhaha
18-10-2015, 08:06
manam mondam tosh chera responsive nemishe kard :n27::n19:
Mr Mohabat
29-11-2015, 06:43
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
این کد را امتحان کنید در قسمت div پایین img میتوانید هر بلایی و هر مطلبی رو که خواستید سرش در بیارید.
ali_kabiri
17-01-2019, 10:15
کلا سعی کنید استایل اینلاین به هیچ المانی ندید.
img رو در داخل div قرار بدید و div رو در media query های متفاوت بر اساس درصد، width و height رو اندازه بدید.