Merhabalar, Bir web arayüzünün responsive kısmında genişliğe göre ayarlama yaparken; mesela @media only screen and (max-width: 541px)kodunda tanımlı div varken ekranı 541 genişliğe ayarladığımda @media only screen and (max-width: 568px)kodunu görüp 568px genişliği baz alıyor. Mevcut ekran genişliği 541 iken ve 541 için ayrı kod varken. Bu konuda önerisi, çözümü olan varmıdır dostlar?

max-width ve min-width tanımlamasını aynı anda kullanın. bunun yerine @media only screen and (max-width: 568px)bunu deneyin @media only screen and (min-width: 542px) and (max-width: 568px)

Css Responsive Genişlik Tanımlaması Sorunu

11-04-2022, 01:16:48

#1

boystar
Merhabalar,

Bir web arayüzünün responsive kısmında genişliğe göre ayarlama yaparken;

mesela
```
@media only screen and (max-width: 541px)
```
kodunda tanımlı div varken ekranı 541 genişliğe ayarladığımda
```
@media only screen and (max-width: 568px)
```
kodunu görüp 568px genişliği baz alıyor. Mevcut ekran genişliği 541 iken ve 541 için ayrı kod varken.

Bu konuda önerisi, çözümü olan varmıdır dostlar?
11-04-2022, 07:34:24

#2

Tncr
max-width ve min-width tanımlamasını aynı anda kullanın.

bunun yerine
```
@media only screen and (max-width: 568px)
```
bunu deneyin
```
@media only screen and (min-width: 542px) and (max-width: 568px)
```