Soru Cep telefonları için standart bir web sayfası çözünürlüğü var mı?


Çoğu tasarımcı, web sitesi geliştirme için temel olarak 1024x768 kullanır. Bu, içeriği kolayca tanımlamak için 960 & blueprint gibi css ızgara sistemlerini kullanmalarına olanak tanır. Cep telefonları için tasarım için benzer temel çözünürlük var mı?

Kullanıcıların çoğunluğu iphone, android ve blackberry telefonlarını kullanıyor olacak.


32
2018-03-02 15:34


Menşei


Kontrol bu soru - Jens


Cevaplar:


Yeni mobil cihazlar için 480 x 480, ortak ekran çözünürlüğüdür.

iPhone Web Sitesi Uyumluluğu

Android Görüntü Metrikleri

Mobil cihazların çoğunu desteklemek istiyorsanız, birden çok çözünürlüğü desteklemek isteyebilirsiniz.


34
2018-03-02 15:40



Bu değerler güncel mi? İki yıl sonra? - Olivier Pons
@OlivierPons'a gidiyorum tahmin değil. - Dan Lugg
Başlangıçta yayınlandığı için mobil dünya patladı ve bize çok sayıda ekran boyutu verdi. Anlaşılır bir şekilde inşa edilecek çok büyük bir dizi var, ama herkesin en çok haberi var mı? genellikle görüntülendi veya medyan ekran boyutu bugünlerde? - Jody Heavener
Anlayabildiğim kadarıyla, kullanıcı yok ölçeklendirme ve benzer seçenek etkin değilse (varsayılan olarak etkin değildir), HD mobil ekranı bile web sitesini 320x480 pikselde görüntüleyecektir. Ekran boyutunun cihazın piksel çözünürlüğüne eşit olduğunu varsayarak şaşırtıcı etkiler elde edersiniz. - hayavuk
Cihazın genişliği konusunda endişeleniyorum, 320'nin hala kabul gördüğünü ve 360'ın da (320, iphone 5 dahil olmak üzere bu yorumun tüm iPhone'larının genişliğini ve 360 ​​derece Samsung telefonları gibi standart) ek bir not olarak android dokümantasyon sürekli olarak android ekran metrikleri hakkında yukarıdaki link asla güncel olmayacak - Juan Carlos Alpizar Chinchilla


Bu web sitesi süper kullanışlı. Çeşitli cihazların güncel bir veritabanı ve ekran özellikleri.


12
2017-09-16 06:19



Ayrıca, sitenin quirktools sayfasını kullanarak nasıl görüneceğini de test edebilirsiniz, quirktools.com/screenflyBazı varsayılan ekran çözünürlükleri vardır, ancak özel bir tane de kullanabilirsiniz. Medya sorgularını burada @luke tarafından gönderilen cihaz bilgisi ile test etme şansını birleştirirseniz, çok temiz bir sonuç alabiliriz :) - Juan Carlos Alpizar Chinchilla
Peki, bu screensiz.es Web sitesi günceldi, ancak zaman içinde sıkışmış gibi görünüyor. Orada yeni telefon yok. - Denilson Sá Maia


Apache ApacheMobileFilter kullanıyorsanız gerçek cihaz ekran boyutunu belirlemek için yardımcı olabilir


2
2018-03-02 15:38





Yapabilirsin

  1. Desteklemeyi planladığınız cihazlar için ekran boyutlarını al,
  2. Sitenizin 2-3 versiyonunu oluşturun ve kullanıcı arayüzlerini tespit edin ve kullanıcıyı bu sitelere yönlendirin.

Android, iphone ve blackerry cihazları ile ekran boyutlarında büyük bir fark yoktur. Hafif bir öngörü ve tasarım ile tüm bu telefonların bir mobil web sitesinde çalışmasını sağlayabilirsiniz (örneğin, genişliğin 240 piksel veya daha büyük olacağını ve buna göre tasarım yapılacağını söylemek yanlış olur).

Ancak bu platformlardan daha ileri gitmeyi planlıyorsanız, sizi bekleyen bir acı dünyası vardır, (J2ME, BREW, Symbian, WinMo ve 120x160, 176x220 ekran boyutları vb.)


2
2018-03-03 02:50





Sadece hayır.

Burada bir sürü bilgi var. http://www.quirksmode.org/mobile/

Ortak bir çözünürlüğe sahip olmak için çok fazla farklı ekrana sahip çok fazla cihaz var. 320 x 480'in birçok cihazda bulunabileceği doğru olsa da, hiçbir şekilde "ortak" değildir. Esnek tasarım ilkelerini kullanmanız ve ardından ekranınızı uygun boyutlara ayarlamak için bir sınıf eklemek için medya sorguları veya js algılaması kullanmanız gerekir. Bu, mobil cihazların şu an için zorlaşmasını sağlayan şeylerin bir parçasıdır.


1
2018-04-29 17:29





evet, yeniden tasarlanan web tasarım boyutları için 1024 x 960 x 800 x 768 x 640 x 480 x 360 boyutlarındadır.


1
2018-04-24 09:55





Mobil cihazlar için oyunlar yazarım. Kodumda herşeyi her zaman aynı olacak şekilde yüzde olarak konumlandırıyorum, artı kaç piksele sahip olduklarını ayarlamak için bir de var, sonra da çözünürlüğümü uygun şekilde ayarladım. Aynı şey ile hemen hemen aynı şeyi yapabilirsiniz. css ve kaynaklarınızda birkaç farklı görüntü boyutu var.


1
2017-09-12 17:51