• 07-02-2018, 02:43:14
    #1
    Şimdi benim şöyle bir sorunum var arkadaşlar. Mobil uyumlu bir site tasarlıyorum lakin bootstrap kullanmıyorum, kendim kodluyorum. ama bilgisayarda tarayıcımı küçülttüğümde ayarladığım boyutun css kodları aktif hale geliyor. Ben o boyutta çalışması gereken kodların sadece telefon yada tablette çalışmasını istiyorum masa üstünde aynı ayarlarda sabit kalıcak yani. Bu olayı nasıl yapabilirim. Anlatamamış olabilirim kusuruma bakmayın uykuluyum biraz takipteyim cevaplarınıza geri dönmek için tetikte olucam
  • 07-02-2018, 02:47:51
    #2
    Üyeliği durduruldu
    bootstrap kullansan daha hızlı ve daha iyi sonuçlar alırsın merak ettim kullanmama sebeplerini
  • 07-02-2018, 03:00:13
    #3
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Kullanacağın backend php ise ;
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" href="normal.css">
        <?php
            if(stristr($_SERVER['HTTP_USER_AGENT'], "Mobile")){ // Mobil Tarayıcı İse
                echo '<link rel="stylesheet" href="mobil.css" type="text/css" />';
            }
        ?>
    </head>
    <body>
        
    </body>
    </html>
    değilse kullanacağın backend dilinden mobile kısmı algılatıp ona göre responsive kodların bulunduğu css dosyasını aynı mantık ile etkinleştirebilirsin.
  • 07-02-2018, 03:02:51
    #4
    @media only screen and ile çözünürlüklere göre css yazabilirsin.
    Örn : @media only screen and (max-width:1230px) and (min-width:990px){ }
  • 07-02-2018, 12:27:50
    #5
    Mobile detect kullanabilirsin css kodlarini o sekilde çalıştırak çözüme ulaşabilirsin

    MI 5s Plus cihazımdan Tapatalk kullanılarak gönderildi
  • 07-02-2018, 13:04:38
    #6
    Hepinize teşekkür ederim. Burada yazılanlar işimi görücektir. bootstrap kullanmama nedenim benim amacıma pek hitap etmemesi. kendime ait bir proje üzerinde çalışıyorum o yüzden biraz daha esnek bi tasarım yapmak istiyorum
  • 07-02-2018, 13:29:30
    #7
    • CSS Grid kullanabilirsin.
    • Zurb Foundation kullanabilirsin.
    • Modernizr kullanabilirsin.
    • Skeleton Kullanabilirsin
    Aklıma gelenler ve Bootstrap alternatifleri bunlar ama araştırınca yeni frameworklar çıktı ise onları da deneyebilirsin amaç sadece Grid system ise CSS Grid ve Skeleton candır.