none
Mobil uyumlu web sitesi RRS feed

  • Genel Tartışma

  • Merhaba, klasik asp.net ile yaptığım bir sitenin mobil versiyonunu yapmak istiyorum. css ile düzenleyerek aynı site üzerinden yayın yapmak istedim ama çok sorun yaşadım. O yüzden sadece mobilde çalısacak arayüze sahip bir web sitesi yapmak istiyorum. Visual Studio 2010 kullanıyorum. Örnek te bulamadım. Örnek proje linki bilen var mıdır?

    Bostancı

    6 Temmuz 2015 Pazartesi 23:05

Tüm Yanıtlar

  • bootstrap

    getbootstrap.com


    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com


    7 Temmuz 2015 Salı 06:35
    Moderatör
  • Bootstrap kullandığımda , sitemin tasarımı cep telefonu ekranına sığıyor ama görüntü kötü . O yüzden ayrıca mobil site yapıyorum. Girişte mobil cihaz olduğunu anlaması için  51Degrees.mobi adında bi api kullandım. Ama onda da çok sorun yaşadım. mobil cihaz olduğunu anlayıp yönlendirme yapıyor ama sayfayı bulamıyor. Bu api üzerinden ya da benzer bi başka çözüm üzerinden yardıma ihtiyacım var.

    Bostancı

    7 Temmuz 2015 Salı 06:39
  • o zaman kendi mobile-first css libraty'ini oluşturacaksın; media direktifi ile hangi ebattaki ekranda stiller nasıl olacak belirteceksin.

        @media only screen and (min-width:960px){
            ortaboy cihazlar için stiller, tablet vs.
        }
    

    gibi


    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    7 Temmuz 2015 Salı 07:36
    Moderatör
  • Merhaba, @media özelliğini kullandım ama görüntüde bi değişiklik olmadı mobilde görünen sayfalarda. width ' i 100% , yapmam ya da herhangi bi width özelliği vermem de bişey değiştirmedi. Sadece css leri yazmam yetiyor mu?

    Bostancı

    8 Temmuz 2015 Çarşamba 09:24
  • Bootstrap'ın sadece grid sistemini kullanabilirsiniz. Tüm tema bootstrap olacak diye bir kanun yok. Size tavsiyem, css'e tam hakim değilseniz: bootstrap.

    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com


    8 Temmuz 2015 Çarşamba 10:17
    Moderatör
  • hocam mobil arayüz size kalmış ama ayrım yapmayı ben böyle yapmıştım lazım olursa eğer

       Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    
            Dim strUserAgent As String = Request.UserAgent.ToString().ToLower()
            If strUserAgent IsNot Nothing Then
                If Request.Browser.IsMobileDevice = True OrElse strUserAgent.Contains("iphone") OrElse strUserAgent.Contains("blackberry") OrElse strUserAgent.Contains("mobile") OrElse strUserAgent.Contains("windows ce") OrElse strUserAgent.Contains("opera mini") OrElse strUserAgent.Contains("palm") Then
                    Response.Redirect("mobil/Default.aspx")
                End If
            End If
    
        End Sub


    Aydoğan ŞEKEROĞLU

    11 Temmuz 2015 Cumartesi 18:52
  • Bootstrap grid sistemini kullanamanı tavsiye ederim.
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    
        </div>
    Ayrıca görüntü kötüden kastın nedir anlamadım. Renk diyorsan rengi kendin verebilirsin. Mobil için col-xs kullanman gerekiyor. col-lg, col-md ... yaparsanda responsive oldukları için çok sıkıntı çıkmaz ama tam oturmaz yaptığın tasarım ekrana. Hepsinide kullanabilirsin. En uygun hangisi olursa onu çalıştırıyor.
    11 Temmuz 2015 Cumartesi 20:57