Bir Mobil Cihaz Döndüğünde Stil Sayfalarını Değiştirmek İçin Javascript/CSS Kullanılır Mı?

Question

Mobil erişilebilirlik düşünülerek tasarlanması gereken bir sitede çalışıyorum. Beyin fırtınasının bir parçası olarak, görüntüleme cihazı yön değiştirdiğinde bir mobil tarayıcı (yani Mobil Safari veya Android tarayıcı) algılamanın ve bunu sayfa içeriğini değiştirmek için bir tetikleyici olarak kullanmanın mümkün olup olmadığını merak ettik. Bu sorunun başlığının da işaret ettiği gibi, bizim en iyi durum senaryomuz, yönelim değişimini tespit etme ve onu yatayda CSS'yi değiştirmek için kullanabiliyor. Böylece manzaraya karşı manzara için biraz farklı bir sayfa sunacak.

Elbette, sadece bir şekilde iyi görünen bir sayfa tasarlayabiliriz ve bu şekilde görüntülenmesi gerektiği açıkça anlaşılabilir, ancak her iki şekilde de iyi görünen bir sayfanın cool-stuff faktörü oldukça caziptir.

Bu fikir uygulanabilir mi? Pratik?

Answer 1

Evet, bu window.orientation değerine bağlı olarak, orientationchange olaya Javascript ile dinlemek ve olay işleyicisinde stil geçiş olur özetlemek gerekirse, bir more general question.

cevaplanır.

Answer 2

her durumda uyum verecek bir sıvı stili olun ..

Sen .. sen bu yüzden daha ayrıntılı yanıtlar önerebilirsiniz çözmek istiyoruz konuların daha ayrıntılı bir açıklama vermek zorunda kalacak

Answer 3

Ayrıca hiç bir JS olmadan bunu yapmak için medya sorguları kullanabilirsiniz - http://davidbcalhoun.com/2010/dealing-with-device-orientation