Video: Part 47 Displaying images in asp net mvc 2025
HTML5'te iOS'a özgü meta etiketler (Apple'ın iPhone, iPod touch ve iPad için olan işletim sistemi) ekleyebilirsiniz. Bu etiketler, bir iPhone'da veya iPad'teki dokunmatik ekran üzerinden sitenizin nasıl göründüğünü veya kullanıcılarınızla etkileşimde bulunma şeklini denetlemenizi sağlar.
Eğer bir ziyaretçi sitenizi bu özellikleri desteklemeyen bir cihazla bulursa, tarayıcı bunları gözardı eder. Aşağıda, iOS'a özgü etiketleri hızlı bir şekilde bulabilirsiniz:
-
Bununla birlikte, ilk etapta bu aygıtlar için tasarımınızı optimize ettiyseniz, gereksiz olduğundan kullanıcıların kaydırmasını ve yakınlaştırılmasını önlemek isteyebilirsiniz ve bunları şaşkına çevirebilirsiniz.
iPhone veya iPad ekranına tam olarak sığacak şekilde tasarladığınız bir sayfadaki pan ve zoom özelliklerini engellemek için, pencereyi kendisinin genişliğine ayarlayan meta viewport etiketi kullanın ve ölçeklendirme:
Siteniz mükemmel küçük iPhone ekranına sığacak şekilde tasarlanmışsa, bu görünüm alanı meta etiketi en iyi şekilde kullanılır. Siteniz küçük ekranlar için optimize edilmemişse, ziyaretçilerin sayfanın bölümlerini büyütmesine ve içeriğinizi okumak için gerektiği kadar dolaşmasına izin vermek için bu meta etiketini kullanmamanız iyi olur.
-
apple-mobile-web-app-capable - Bu meta etiketi, Safari tarayıcısına iPhone veya iPod'daki ekranın üstünde ve altındaki gezinme seçeneklerine sahip olmasını gerektirmediğini bildirir dokunma. Ayrıca, iPad ekranının üst kısmındaki gezinme seçeneklerini kaldırır.
Bu özellik birisinin bir web sitesini ilk ziyaret ettiği sırada çalışmaz. Yalnızca sitenize gelen bir ziyaretçi Web Klip simgesi kaydederek sayfaya yer imi koyduysa çalışır. Birisi sitenizi ziyaret etmek için Web Klip simgesindeki bağlantıyı kullandığında, bu meta etiketi gezinmeyi gizler.
Bu etiketi kullanmayı seçerseniz, sitenizin tarayıcının sunduğu tipik gezinme seçeneklerine ihtiyacınız olmadığından emin olun. IPhone ve iPad'in üstündeki ve altlarındaki çubukları kaldırdığınızda, tasarımlarınız için değerli bir gayrimenkul kazanırsınız, ancak bu cihazlara yerleştirilmiş geri ve ileri okları ve diğer gezinme özelliklerini kaybedersiniz.
Bu seçeneği kullanırsanız, web sitenizin ziyaretçilerin web siteniz üzerinden geçmesine yardımcı olmak için web sitenizde gezinme öğeleri bulunduğundan emin olun.
-
apple-mobile-web-uygulama durumu-çubuk stili - Bir iPhone'da veya iPad'de araç çubuğunun varsayılan stili opak siyahtır. Durum çubuğunun stilini yarı saydam bir siyah renk olarak değiştirmek isterseniz, iOS'a özgü başka bir meta etiketi kullanabilirsiniz. Bu meta etiketi, yalnızca kullanıcı bir Web Klip simgesinin bağlantısını kullanarak bir web sitesini ziyaret ederse çalışır.
Hem arayüz çubuklarını kaldırırsanız hem de durum çubuğunu yarı saydam hale getirirseniz, iPhone ve iPod touch'da Safari'de ekran boşluğunun 124 yatay piksel satırına sahip olursunuz.Bu, küçük ekranda yüzde 25'in üzerinde yer var! Yarı saydam bir siyah durum çubuğu, sayfanın içeriğinin durum çubuğunun altına akmasına izin verir.
