• 11-04-2022, 01:16:48
    #1
    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
    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)