أليس من الأفضل ان يعتمد توافق صفحات الانترنت على البرمجة ليس على التصميم فقط

• ولما لا تستخدم لغة javaScript لهذا الغرض؟

• لا توجد دالة في php تتعرف على أبعاد المتصفح، كل شيء عليك إرساله للخادم وطريقة الحصول على أبعاد المتصفح ستكون عبر javaScript وبعدها إرسال الأبعاد للخادم في كل طلب.

• من خلال media query تستطيع تغيير الأبعاد لأي عنصر لديك في الصفحة ما المشكلة تحديداً لديك؟

• إن أردت تنفيذ هذا من خلال لغة php ستعتمد على ال user agent و تحديد نوع الجهاز وستكون لديك أبعاد الأجهزة مسبقاً للتعامل معها.

أنا لست مطور وب لكن أقرأ قليلا عن المجال، أرجو تصحيح معلوماتي إن أخطأت.

أعتقد أن الحل لمشكلتك هو اتباع مبدأ "الهاتف أولا" (mobile first design). بدلا من تطوير نسخة سطح المكتب ثم إخفاء بعض العناصر لتناسب الهاتف، تطور نسخة الهاتف أولا ثم تضيف عناصر سطح المكتب. هذا يزيد سرعة نسخة الهاتف لأنها تصبح بحاجة لتحميل الأساسيات فقط.

في نسخة الهاتف لا يجب أن يختفي المحتوى نهائياً! هو فقط يتغيّر عرضه، إما أن يظهر في أسفل الصفحة مثلاً بدلاً من السايد بار في سطح المكتب، وإما مثلاً بأن يختفي تحت زر، وعند الضغط عليه يظهر المحتوى المخفي .. هذا يعني أنك تحتاج كل المعلومات التي جلبتها "برمجياً" لنسخة سطح المكتب بأن تكون أيضاً موجودة في نسخة الهاتف.. أي أني سأحصل على جميع المعلومات من موقعك سواء دخلت عليه من سطح المكتب أو من الهاتف، وفقط طريقة العرض هي ما تختلف.

أما إن كانت فكرة موقعك بأن نسخة الهاتف تخفي منها فعلياً أجزاء هي موجودة في نسخة سطح المكتب، هنا ربما عليك أن تنشئ نسخة مخصصة للهاتف تكون خفيفة ولا تجلب لك إلا ما تريد عرضه على الهاتف، ولن تناسبك طريقة المواقع التجاوبية إن كنت فعلاً ستخفي المحتويات بواسطة أوامر css. في الأخير تعتمد على حاجتك من الموقع وحاجة زوارك..