Merhaba ben bir site kurdum ve bunu Mobile uyumlu yapmam lazım. Meta etiketini @media'yı falan yaptım, oluyor CSS'de bozulma yok ama pencereye sığmıyor.
Merhaba ben bir site kurdum ve bunu Mobile uyumlu yapmam lazım. Meta etiketini @media'yı falan yaptım, oluyor CSS'de bozulma yok ama pencereye sığmıyor.
HTML KODLARI <body> <div id=”wrapper”> <h1> Responsive test For Seo Blog </h1> </div> </body> CSS BÖLÜMÜ @media screen and (min-width:0px){ #wrapper{width:500px; height:150px; margin:auto; background:#00F; color:#fff; font-size:14px; text-align:center; }} @media screen and (min-width:1000px){...
HTML KODLARI <body> <div id=”wrapper”> <h1> Responsive test For Seo Blog </h1> </div> </body> CSS BÖLÜMÜ @media screen and (min-width:0px){ #wrapper{width:500px; height:150px; margin:auto; background:#00F; color:#fff; font-size:14px; text-align:center; }} @media screen and (min-width:1000px){...
Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.
HTML KODLARI <body> <div id=”wrapper”> <h1> Responsive test For Seo Blog </h1> </div> </body> CSS BÖLÜMÜ @media screen and (min-width:0px){ #wrapper{width:500px; height:150px; margin:auto; background:#00F; color:#fff; font-size:14px; text-align:center; }} @media screen and (min-width:1000px){...
Duyarlı web tasarımı veya duyarlı tasarım, kullanılabilirliği ve memnuniyeti sağlamak için web sayfalarının çeşitli cihazlarda ve pencere veya ekran boyutlarında minimumdan maksimum görüntü boyutuna kadar iyi görüntülenmesini amaçlayan bir web tasarımı yaklaşı mıdır?
Kısaca cihazın ekranına göre kendini uyarlıyor site.
Bootstrap Media breakpointslerine bakmanı öneririm mesela @media CSS'i kullandıktan sonra her cihazın farklı genişlikleri olur örnek vermek gerekirse X-small cihaz <576px small <576 px large min-witdh 992 px gibi bu şekil min-Max px durak noktalarıyla uygun cihazlar için CSS'i düzenlemelisin sağ Click incele ye basarsan toogle device toolbar diye bir menu var orada tablet telefon vb nasıl gözüküyor istediğin modeli seçip siteni o cihazdan görebilirsin umarım yardımcı olabilmişimdir.
Bende aynı şeyi düşünüyorum ekrana göre şekil almasını sağlıyor öyle olunca fakat yinede bozulmalar oluyor maalesef. Küçük birkaç düzenleme ile mobile uyumlu hale getirebilirsiniz, bildiğiniz gibi. Kolay gelsin..
Merhaba ben bir site kurdum ve bunu Mobile uyumlu yapmam lazım. Meta etiketini @media'yı falan yaptım, oluyor CSS'de bozulma yok ama pencereye sığmıyor.
CSS ile bazı ayarlar yaparak mobil uyumlu hate getirebilirsiniz ancak neden uğraşansanız ki? Bu hem çok fazla zaman alır hem de net sonuçlar vermeyebilir. Her ekrana göre ayrı bir senaryo yazmanız gerekebilir. Yazı yazmak istiyorsanız, kalemi icat etmekle uğraşmaz, bir kırtasiyeye gidip kalem satın alırsınız
Özetle; Bootrstrap sizin için her şeyi yapmış, CDN olarak CSS dosyasını çekin ve kullanmaya başlayın. Resimleri mobil uyumlu yapmak için img tag içeriğine class="img-fluid" eklemeniz yeterli.
Ekstra yapacağınız pek fazla bir şey yok. Kendisi mobil ekrana geldiğinde gerekli düzenlemeleri yapacaktır.