تغییر خودکار استایل قالب

[Pourdaryaei]

او کده رو همینطوری الکی زدم ولی خب آره باید بعد از { بزارید .

بنظرم یه فیلمی درمورد CSS ببینید تا بهتر متوجه بشید.

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

کد: (انتخاب همه)

.com_content.view-article article.item h2 {
    font-size: 46px;}

الان سایز فونت 46 گذاشتن که خب خیلی بزرگه، هر مقداری که لازم بود میتونی بزاری .
مثلا 20پیکسل، برای موبایل میتونی از مدیا کوئری استفاده کنی مثلا به شکل زیر ، برای دستگاه هایی که حداکثر عرضشون 600 پیکسل یا کمتر هستند

کد: (انتخاب همه)

@media only screen and (max-width: 600px) {
    body {
       com_content.view-article article.item h2 {
    font-size: 15px;
    }
}

حالا چون فونت هست و فونت میتونه خودش رو تغییر بده، میتونی بجای px از em استفاده کنی
فرق px با em اینطوریه که PX همون پیکسل فونت نسبت به اندازه تصویر تغییری نمیکنه ولی em قابل تغییره ، اگر فونت مستندات شما مثلا 12 پیکسل باشه، معادلش به em میشه 1 ، شما مثلا میتونی برای فونتت بزاری font-size: 1em; این خودش توی هر دیوایس بزرگ و کوچیک میشه، میخای بزرگتر نمایش بده میزاری 1.1 یا 1.2 به همین ترتیب بزرگ یا کوچیکترش میکنی