Mobil uyumlu web sitesi

Question

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ı

Answer 1

bootstrap

getbootstrap.com

---

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

Answer 2

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ı

Answer 3

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

Answer 4

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ı

Answer 5

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

Answer 6

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

Answer 7

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.