PhpStorm @media çalışmıyor

05-05-2020, 00:09:08

Merhaba, sitemin css kodlarında "@media screen and (max-width: 900px)" yazmama rağmen şekil almıyor. Yardımcı olurmusunuz?

05-05-2020, 00:19:45

#2

neris

Bu yazdığın ekran genişliği 900px ve altı için geçerli olur.
@media screen and (max-width: 900px) {
{
body{
background: red;
}
}

Bu css dosyasını aşağıdaki gibi eklemeyi unutma ve sayfayı küçük bir chrome ekranında görüntülersen çalışır

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
...

05-05-2020, 00:21:38

#3

GianC

neris adlı üyeden alıntı: mesajı görüntüle

Bu yazdığın ekran genişliği 900px ve altı için geçerli olur.
@media screen and (max-width: 900px) {
{
body{
background: red;
}
}

Bu css dosyasını aşağıdaki gibi eklemeyi unutma ve sayfayı küçük bir chrome ekranında görüntülersen çalışır

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
...

biliyorum 900px altı geçerli olacağını biliyorum fakat işte olmuyor, responseile yaptığım zaman uyarlanmıyor sayfa

05-05-2020, 00:33:03

#4

neris

GianC adlı üyeden alıntı: mesajı görüntüle

biliyorum 900px altı geçerli olacağını biliyorum fakat işte olmuyor, responseile yaptığım zaman uyarlanmıyor sayfa

`
<!DOCTYPE html>
<html>
<head>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<style>
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
</style>
</head>
<body>
<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
`

Style dosyasini disardan cagirabilirsin eğer lazimsa

05-05-2020, 00:33:55

#5

GianC

neris adlı üyeden alıntı: mesajı görüntüle

<!DOCTYPE html><html><head><meta content="width=device-width, initial-scale=1" name="viewport" /><style>@media only screen and (max-width: 900px) { body { background-color: red; }}</style></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>

galiba PhpStorm programında hata var.

05-05-2020, 00:35:32

#6

neris

GianC adlı üyeden alıntı: mesajı görüntüle

galiba PhpStorm programında hata var.

Hayır programla hiç bir alakası yok 100% kesin bilgi

only koymayı dene media screendenönce

05-05-2020, 00:37:48

#7

Abdullahx

PhpStorm daha demin bana da buna benzer bir şey yaptı, tesadüf müdür bilemem artık. Yazdığım veya sildiğim hiçbir şeyi kaydetmiyordu. Bi kapatıp açınca düzeldi ama. Burada da buna benzer bir konu görünce acaba dedim. Yoksa üstteki kod çalışıyor.

05-05-2020, 00:39:48

#8

GianC

Abdullahx adlı üyeden alıntı: mesajı görüntüle

PhpStorm daha demin bana da buna benzer bir şey yaptı, tesadüf müdür bilemem artık. Yazdığım veya sildiğim hiçbir şeyi kaydetmiyordu. Bi kapatıp açınca düzeldi ama. Burada da buna benzer bir konu görünce acaba dedim. Yoksa üstteki kod çalışıyor.

benim kodumda çalışıyor (çalışması gerekiyor) fakat nedense olmuyor. phpstorm dosyaları kaydediyor her hangi bir değişiklik yaptığım zaman işliyor direk. fakat @media ya gelince görmüyor bile

05-05-2020, 01:00:25

#9

neris

Arkadaşlar editörünüz (phpstorm sublime texteditör vs..) html dosyaları çalıştırmanıza değil onları yazmanıza yarar
Html dosyalarınızı tarayıcı(chrome explorer firefox vs..) okur
ve ne yazarsanız onu okur o yüzden editör ile ilgili bir problem olduğunu düşünmüyorum.

Şurada detaylı anlatım var :
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

İyi çalışmalar dilerim