الجمع بين شروط متعددة في استعلامات وسائط CSS مع منطق OR

في استعلامات وسائط CSS، يمكن أن يكون تحديد شروط متعددة باستخدام منطق "OR" مفيدًا لاستهداف الأجهزة بأحجام أو جوانب مختلفة للشاشة. على الرغم من أن الكود المقدم في السؤال غير صحيح، إلا أن هناك طريقة مباشرة لتحقيق النتيجة المرجوة.

لتحديد شروط متعددة باستخدام منطق "OR"، افصل بينها بفواصل:

@media screen and (max-width: 995px), screen and (max-height: 700px) {
  ...
}

كما هو موضح في الوثائق على https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries:

"يتم استخدام الفواصل للجمع بين عدة يتم التعامل مع استعلامات الوسائط في قاعدة واحدة بشكل منفصل عن الاستعلامات الأخرى، وبالتالي، إذا كان أي من الاستعلامات الموجودة في القائمة صحيحًا، فسيتم التعامل مع بيان الوسائط بالكامل بإرجاع صحيح بمعنى آخر، تتصرف القوائم مثل عامل منطقي أو عامل."

باستخدام هذا الأسلوب، يتحقق استعلام الوسائط مما إذا كان عرض الشاشة أقل من أو يساوي 995 بكسل أو إذا كان ارتفاع الشاشة أقل من. أو يساوي 700 بكسل. إذا تم استيفاء أي من الشرطين، فسيتم تطبيق الأنماط المحددة في استعلام الوسائط.