HTML5 Demirbaş: Meta görünüm penceresi ve genişliği=cihaz genişliği
Adaptif/duyarlı bir web sitesi inşa ediyorum.
Bu HTML5BP için bu son değişiklik ile ilgili olarak:
Ben kullanmaya başladıktan sonra:
<meta name="viewport" content="width=device-width">
... ve CSS bu var:
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
initial-scale=1
birlikte verilen, döner, dikey yatay (iPad/iPhone) neden düzenini değiştirmek 2 sütun (örneğin) 3 sütun (nedeniyle sadık sorguları, initial-scale=1
JS fix for viewport scale bug).
Özetlemek içinne zaman manzara modunda, bu sayfayı yakınlaştırır:
<meta name="viewport" content="width=device-width">
... ve bu değil:
<meta name="viewport" content="width=device-width, initial-scale=1">
Not:İPad/iPhone HTML5BP website görüntüleme eylem bu yakınlaştırma etkisini görebilirsiniz.
Soru:
- Yeni standart (manzara modunda yakınlaştırma gibi) olmak bu mu?
- Geçiriyorum, çok feci bir zamanı anlatan bu değişiklik benim ortak çalışanlar ve patronlar... sıyırdı görünce bir farklı düzeni yatay mod; şimdi o sayfayı yakınlaştırır ve düzeni aynı kalır (dışında daha büyük). Cahil kitleler (dahil olabilirim) bunu açıklamak konusunda herhangi bir ipucu?
@robertc: Teşekkürler! Çok yardımcı oldun.
Ben aslında gibideğilinitial-scale=1
; düzenini görmeye alışık olan işçiler benim bunun yerine zoom olması. Olacağım eminimzorlainitial-scale=1
herkesi memnun etmeye eklemek için (çünküdeğilyakınlaştırma ve düzenini değiştirmek görmek, görmeye alışık oldukları şey).
Fark ettim sadece HTML5BP index.html on github the website, kullanmış <meta name="viewport" content="width=device-width">
; beni, bu yeterince iyi bir neden için hendek initial-scale=1
ama ben kaşlarını kaldırdı zaman ben açıklamaya these things "non-geeks". :D
CEVAP
Yeni bir standart değil, her zaman AFAIK işe yaradı. Eğer sabit sayıda piksel genişliği ayarlarsanız, dikey yatay olarak dönen sanal piksel sayısı sabit kalır çünkü sadece ölçek değiştirir. initial-scale=1
arasında geçiş - sayfa Ölçekleme faktörü olarak Ölçekleme engelliyor ekleme cihazı döndürülmüş olarak değişmez diye tahmin ediyorum. Sayfanın benziyorsun başlangıçta dikey yerine yatay yük nedir?
Eğer davranışları istersen 15 ** initial-scale=1
belirtin, aldığınız öneririm. HTML5 Demirbaş olduğun bir şeygerekiyorkendi gereksinimlerinize göre değiştirin.
Nasıl düzgün döndürme kolları iPhone i...
Anında mobil safari görünüm penceresi ...
Görünüm penceresi %100 HTML5 Tuval Gen...
Tam web sayfası ve engelli görünüm pen...
Meta-görünüm penceresi Ölçekleme Andro...