8
IE9'un sitem için tablet stilleri aldığını buluyorum.Tablet bir medya sorgusu kullanarak IE9 değil, nasıl hedeflenir
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
/* tablet styles */
}
Yukarıdaki medya sorgusu, tarayıcı genişliği 1024px olduğunda IE9'da uygulanır.
Bazı araştırmalar yaptıktan sonra, şu soru/çözümü buldum ve bunun neden olduğuna dair bir açıklama sunuyor. Söyleyebileceğim kadarıyla
Media query not working in IE9
, bu IE9 "min-cihaz-genişliği" ve "max-cihaz-genişliği" yorumlama değil aşağı gelir.http://msdn.microsoft.com/library/ms530813.aspx'a göre bu özellikleri desteklemez, yalnızca "min genişlik" ve "maksimum genişlik". Ayrıca
, http://www.w3.org/TR/css3-mediaqueries/#error-handling tarayıcı o tanımadığı özelliklerini görmezden gerekiyordu belirtiyor. IE9 ile öyle değil gibi görünüyor.
Ayrıca şu soru soruldu: Common breakpoints for media queries on a responsive site ama bana bir çözüm vermiyor.
Stil sayfamı yalnızca 1024px genişliğinde IE9 gibi masaüstü tarayıcılarına değil, tabletlere nasıl uygularım?
@ Tom: Bu çözüm yardımcı oldu mu? – tw16
Evet, yardım ettim, bunu yapabileceğinin farkında değildim. Yine de diğer tarayıcıların tablet stillerini aldığını fark ettim. Geldiğim çözüm, tabletleri tespit etmek ve daha sonra stil sayfasını elle yüklemek için https://github.com/barisaydinoglu/Detectizr adresine gitmekti. Daha fazla araştırma yapacaktım – Tom
Üzgünüm, sorumu yanlış anladım. Sadece css'nin tabletlere uygulanmak istediğini ve tabletlerle aynı boyutta ekrana sahip bilgisayarlara gitmediğini farketmedim. İlgi alanı dışında, özellikle tabletleri hedeflemek için herhangi bir neden var mı? Tablet stilleri küçük bilgisayar ekranları için kullanışlı değil miydi? – tw16