Responsive CSS bir soru ?

Merhabalar aşağıdaki kodu kullanarak ekran yüksekliği 768 den büyük olduğunda fontun 12 iken 14 olmasını istiyorum yani biraz büyümesini istiyorum.

@media screen and (min-height: 768px) {
.deneme{
font-size:14pt;
}

Fakat bu kodu kullandığımda evet fontu büyütüyo ama diğer css ler çalışmıyor yani bütün sayfanın css kodunu buraya tekrar kopyalamam gerekiyor tam olarak doğru çalışması için

sadece bi font değiştirmek için tekrar css dosyamı bu kadar büyütmek istemiyorum varmı bunun başka bir çözümü ?

teşekkürler

Hocam her element için class id tanımlarken font-size veriyorsanız böyle bir sorun yaşamanız normal. Global font tanımlamaları yapılması daha uygun olur. Örneğin sayfa içerisinde tüm normal metinlerin font büyüklüğü 12px olsun ve normal metinleri <p></p> içine alın.

p{font-size:12px;}

@media screen and (min-height: 768px) {
  p{font-size:14px;}
}

veya .size12 .size14 gibi classlar tanımlayın ve bunlara font-size değerlerini verin. Dilediğiniz elementlerde bu classları çağırarak ilgili alanın font-size'ını tek yerden ayarlamış olursunuz. @media içerisinde .size12 nin font-sizeını 14 olarak değişirseniz bu kadar uğraşmamış olursunuz. Bunlardan yola çıkarak kodlarınızı düzenlemelisiniz.

Css de yeniyim öğrenmeye çalışyorum yavaş yavaş

Anlaşılmıştır hocam teşekkür ederim güzel oldu