Çözüldü HTML <link> etiketinde Media parametresi kullanma

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Berat.xx56

Centipat
Katılım
20 Mart 2023
Mesajlar
413
Çok karışık oluyordu bende responsive yaparken her aygıtta (telefon, tablet) başka CSS'lere bağlayayim istedim.
Fakat denemek için ana. CSS dosyama Mobile. CSS tablet. CSS'lerde <h1>'e farklı colorlar verdim.
Sayfayı küçültünce olmadı nerede yanlışlık yaptım acaba?
 

Dosya Ekleri

  • Ekran Alıntısı.PNG
    Ekran Alıntısı.PNG
    9 KB · Görüntüleme: 26
Çözüm
@berat.
HTML:
<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Document</title>

 <link rel="stylesheet" href="mobil.css" media="(max-width:500px)">

</head>

<body>

 <h1>color</h1>

</body>

</html>

@berat. XX56.

CSS:
h1{
 color: red;
}
@berat.
HTML:
<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Document</title>

 <link rel="stylesheet" href="mobil.css" media="(max-width:500px)">

</head>

<body>

 <h1>color</h1>

</body>

</html>

@berat. XX56.

CSS:
h1{
 color: red;
}
 
Son düzenleme:
Çözüm

Yeni konular

Geri
Yukarı