سلام
میدانیم که رزولوشن مونیتور هر نفر با دیگری متفاوت است مثلا یکی 600*800 و دیگری 768*1024 و ...
حالا اگه عکسی در هدر صفحه بگذاریم که عرض ان مثلا1000 و رزولوشن شخص مثلا600*800 باشد انگاه 400 پیکسل از عرض عکس میپرد!
عکس این موضوع نیز صادق است یعنی اگه عرض عکسی مثلا 500 باشد و رزولوشن شخص مثلا 600*800 باشد انگاه 100 پیکسل کم میاید و background-repeat خواه no-repeat باشد و خواه repeat-x باشد باز هم ظاهر خوبی نخواهد داشت.
راه چاره چیست ؟ چطور میتوان مانند طول و عرض عکس را به درصد بیان کرد و نه پیکسل تا از این مشکل جلوگیری کنیم؟
به عبارت دیگر چطور میتونیم متناسب با تغییر رزولوشن مونیتور شخص، طول و عرض عکس نیز متناسب با ان تغیر کند؟