لماذا حجم الصورة لا يتغير رغم تكبير الصفحة في CSS؟

الخاصية height: 60vh, تحدد ارتفاع الصورة, وانت استخدمت الوحدة vh التي تمثل ارتفاع الشاشة, وحددت قيمة 60 أي سوف تأخذ 60 بالمئة من ارتفاع الشاشة, وهي تعمل بالفعل, ولو حاولت ازالة الخاصية سوف يظهر التصميم بشكل سيء جدا, حاول ذلك

بتاريخ 27 دقائق مضت قال محمد أبو عواد:

حاول ذلك

إذن الخاصية هي السبب وراء هذا

بتاريخ 29 دقائق مضت قال محمد أبو عواد:

وانت استخدمت الوحدة vh التي تمثل ارتفاع الشاشة, وحددت قيمة 60 أي سوف تأخذ 60 بالمئة من ارتفاع الشاشة

فهمت, لكن ليس كاملا, عندما قمت بتكبير الشاشة وصلت لدرجة ظهور scroll في الصفحة فأليس من المفترض ان إرتفاع الشاشة كبُر عندها -أثناء ظهور sroll-, بالتالي الصورة سيتغير حجمها ؟

بتاريخ 4 دقائق مضت قال مصطفى اوريك:

إذن الخاصية هي السبب وراء هذا

فهمت, لكن ليس كاملا, عندما قمت بتكبير الشاشة وصلت لدرجة ظهور scroll في الصفحة فأليس من المفترض ان إرتفاع الشاشة كبُر عندها -أثناء ظهور sroll-, بالتالي الصورة سيتغير حجمها ؟

من الطبيعي عند اعطاء قيمة أكبر من 60 سوف يكبر ارتفاع الصورة وبالتالي اذا كان ارتفاعها أكبر من الشاشة سوف يظهر السكرول لأن ارتفاع الصورة أصبح أكبر من الشاشة, لن يتغير حجم الصورة بناء على الشاشة كما تعتقد

بتاريخ 3 دقائق مضت قال محمد أبو عواد:

من الطبيعي عند اعطاء قيمة أكبر من 60 سوف يكبر ارتفاع الصورة وبالتالي اذا كان ارتفاعها أكبر من الشاشة سوف يظهر السكرول لأن ارتفاع الصورة أصبح أكبر من الشاشة, لن يتغير حجم الصورة بناء على الشاشة كما تعتقد

لا أظنك فهمت ما أقصده, بتعبير آخر, قصدت أنني عندما إستمررت في تكبير الصفحة التي بها تلك الصورة -لم أكبر الصورة و إنما الصفحة- ظهر السكرول في هذه الصفحة -كون النصوص كبُرت مع تكبيري للصفحة-, فسؤالي أليس إرتفاع الصفحة قد زاد -أثناء ظهور سكرول-, بالتالي سيزيد عندها إرتفاع الصورة لأن قيمة vh تزداد مع إزدياد إرتفاع الصفحة ؟

أرجو أنك فهمت ما قصدت.

بتاريخ 10 دقائق مضت قال مصطفى اوريك:

لا أظنك فهمت ما أقصده, بتعبير آخر, قصدت أنني عندما إستمررت في تكبير الصفحة التي بها تلك الصورة -لم أكبر الصورة و إنما الصفحة- ظهر السكرول في هذه الصفحة -كون النصوص كبُرت مع تكبيري للصفحة-, فسؤالي أليس إرتفاع الصفحة قد زاد -أثناء ظهور سكرول-, بالتالي سيزيد عندها إرتفاع الصورة لأن قيمة vh تزداد مع إزدياد إرتفاع الصفحة ؟

أرجو أنك فهمت ما قصدت.

نعم لقد فهمتك
المقصود بالصفحة ليس كامل الصفحة, بل هناك ما يسمى ب viewport , viewport عبارة عن مساحة العرض الظاهرة في الشاشة الآن, هل فمت ما أقصد؟

بتاريخ الآن قال محمد أبو عواد:

نعم لقد فهمتك
المقصود بالصفحة ليس كامل الصفحة, بل هناك ما يسمى ب viewport , viewport عبارة عن مساحة العرض الظاهرة في الشاشة الآن, هل فمت ما أقصد؟

نعم أظنني فهمت, إذن الإرتفاع يتغير بتغير الأجهزة ؟

بتاريخ الآن قال مصطفى اوريك:

نعم أظنني فهمت, إذن الإرتفاع يتغير بتغير الأجهزة ؟

نعم ممكن ذلك, بسبب اختلاف ارتفاع الشاشات 

بتاريخ الآن قال محمد أبو عواد:

نعم ممكن ذلك, بسبب اختلاف ارتفاع الشاشات 

شكرا جزيلا لك على هذه المعلومات