CSS Media Type: كيفية تحميل CSS للجوال؟

Question

مع هذا الرمز:

<link rel="stylesheet"
      type="text/css"
      href="media/css/mobile.css"
      media="handheld" />
<link rel="stylesheet"
      type="text/css"
      href="media/css/screen.css"
      media="screen" />

في بلدي N78. المتصفح الافتراضي في Nokia وحمل Opera Mini screen.css.css. بدلا من mobile.css..
ماذا ينقصني؟

Answer 1

يستخدم Nokia N78 متصفح S60، الذي يقرأ فقط "الشاشة" أنماط الأرقام. لن يقرأ "يده". لا يدعم استعلام الوسائط. بدلا من محاولة كتابة كل شيء هنا، ألق نظرة على هذه المقالة وستحل المشكلة - http://www.alistapart.com/articles/return-of-mobile-stylesheet.

Answer 2

باستخدام iPhone كمثال:

<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />

ليس لدي أي فكرة عن المتصفحات / الأجهزة التي لا يعمل بها ولا تعمل من أجلها. الجهاز المحمول الوحيد الذي قمت بتطويره هو iPhone. لكنني متأكد من أنك تستطيع أن تعطيه لقطة مع نوكيا الخاصة بك.

المزيد عن استفسارات الوسائط

Answer 3

يستخدم Opera Mini شاشة نوع الوسائط لأنها تناسب سلوكها وقدراتها بشكل أفضل. ومع ذلك، سيستخدم أوراق التصنيف المحمولة إذا قمت بالتبديل إلى وضع عرض المحمول. يرى نظرة المطور على Opera Mini 5 Beta 2 للمزيد من المعلومات.