چنین قالبی از کجا میشه تهیه کرد؟

[Pourdaryaei]

برای اینکه محتوای شما مثل متن و تصویر هم با بزرگ شدن صفحه هم کوچیک شدن تغییر کنند و یکپارچگی داشته باشند باید یکسری تغییرات اساسی توی اندازه تصاویر و همینطور سایز فونت انجام بدی ...

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

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

مثلا ً font-size : 12px این اندازه همیشه 12 پیکسل هست چه صفحه بزرگ چه کوچیک و هر دیوایسی که باشه ...

ولی وقتی بجای پیکسل از em استفاده بشه ، مثلا ً font-size : 1em اونوقت توی بزرگ و کوچیک شدن و تغییر دیوایس ، فونت هم عوض میشه ...

یه جورایی پیکسل فیکس هست یعنی استاتیکه ، ولی em داینامیک عمل میکنه ...

لینک زیر رو ببینید خیلی خوب توضیح داده و بهتر درک میکنید

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