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

Berat.xx56 · 1 Haziran 2023

Ç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?

533388 · 1 Haziran 2023

@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;
}

533388 · 1 Haziran 2023

@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.xx56 · 1 Haziran 2023

@533388 hocam aynı şeyleri yazdık. Nasıl sizin kodu yazınca oldu?

@533388 hee sıralama önemliymiş hocam. Şimdi anladım. tablet.CSS telefon.CSS'in üstüne gelecek Teşekkür ederim iyi akşamlar

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

Ayrıntılı düzenleme

Berat.xx56

Decapat

Dosya Ekleri

533388

533388

Hectopat

Berat.xx56

Decapat

Benzer konular