أبو مهيب نشر 4 يوليو 2023 أرسل تقرير مشاركة نشر 4 يوليو 2023 (معدل) السلام عليكم هل وحدة قياس REM مناسبة لبناء النصوص والعناصر وهل تعمل على جميه المتصفحات بشكل جيد ؟ . تم التعديل في 4 يوليو 2023 بواسطة Mustafa Suleiman تعديل عنوان السؤال 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أسامة زيادة نشر 4 يوليو 2023 أرسل تقرير مشاركة نشر 4 يوليو 2023 وحدة القياس REM هي وحدة قياس نسبية تستخدم في تصميم وتنسيق صفحات الويب بواسطة CSS. تعتمد قيمة REM على حجم الجذر التربيعي لحجم الخط الأساسي المعرف في الجسم (body) للصفحة. على سبيل المثال، إذا كان لديك خط أساسي بحجم 16 بكسل، فإن REM بقيمة 1 ستعني 16 بكسل. تستخدم وحدة REM للمساعدة في تعيين الأبعاد والمسافات بشكل نسبي، مما يسهل تعديل حجم النص والعناصر في الموقع بناءً على حجم الخط الأساسي. على سبيل المثال، إذا قمت بتعيين حجم النص في العنصر بـ 2 REM، فسيكون حجم النص مضاعفًا لحجم الخط الأساسي. بالنسبة للدعم في المتصفحات، فإن REM مدعومة بشكل جيد في جميع المتصفحات الحديثة، بما في ذلك Chrome وFirefox وSafari وEdge وغيرها. ومع ذلك، قد تحتاج إلى استخدام (polyfills) أو أدوات مساعدة إضافية لدعم المتصفحات القديمة إذا كنت ترغب في استخدام REM بشكل كامل في تصميمك. يعتبر استخدام وحدة REM مفيدًا لبناء النصوص والعناصر في تصميم الويب، حيث يتيح لك التحكم في الأحجام بشكل مرن ونسبي. يمكن استخدام REM بشكل فعال لإنشاء تصميمات متجاوبة ومرونة تتكيف مع مختلف أحجام الشاشات والأجهزة المستخدمة. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أبو مهيب نشر 4 يوليو 2023 الكاتب أرسل تقرير مشاركة نشر 4 يوليو 2023 بتاريخ 5 دقائق مضت قال أسامة زيادة: وحدة القياس REM هي وحدة قياس نسبية تستخدم في تصميم وتنسيق صفحات الويب بواسطة CSS. تعتمد قيمة REM على حجم الجذر التربيعي لحجم الخط الأساسي المعرف في الجسم (body) للصفحة. على سبيل المثال، إذا كان لديك خط أساسي بحجم 16 بكسل، فإن REM بقيمة 1 ستعني 16 بكسل. تستخدم وحدة REM للمساعدة في تعيين الأبعاد والمسافات بشكل نسبي، مما يسهل تعديل حجم النص والعناصر في الموقع بناءً على حجم الخط الأساسي. على سبيل المثال، إذا قمت بتعيين حجم النص في العنصر بـ 2 REM، فسيكون حجم النص مضاعفًا لحجم الخط الأساسي. بالنسبة للدعم في المتصفحات، فإن REM مدعومة بشكل جيد في جميع المتصفحات الحديثة، بما في ذلك Chrome وFirefox وSafari وEdge وغيرها. ومع ذلك، قد تحتاج إلى استخدام (polyfills) أو أدوات مساعدة إضافية لدعم المتصفحات القديمة إذا كنت ترغب في استخدام REM بشكل كامل في تصميمك. يعتبر استخدام وحدة REM مفيدًا لبناء النصوص والعناصر في تصميم الويب، حيث يتيح لك التحكم في الأحجام بشكل مرن ونسبي. يمكن استخدام REM بشكل فعال لإنشاء تصميمات متجاوبة ومرونة تتكيف مع مختلف أحجام الشاشات والأجهزة المستخدمة. جميل هل تنصحني بإستخدامها وأستغني عن وحدة قياس Px ؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mustafa Suleiman نشر 4 يوليو 2023 أرسل تقرير مشاركة نشر 4 يوليو 2023 السؤال من المفترض أن يكون عن الفرق بين px و remو em وسأشرح لك الفرق بينهم والاستخدام المناسب لكل منهم. px (بكسل) px هي وحدة قياس ثابتة تعتمد على دقة الشاشة. تحدد قيمة بكسل حجم العنصر بنسبة مباشرة لعدد البكسلات المستخدمة. استخدام px مناسب في حالة رغبتك في تحديد حجم محدد وثابت للعنصر بشكل دقيق، مثل تحديد عرض صورة محدد بعرض محدد. rem (جذر النسبة المئوية) rem هي وحدة قياس تعتمد على حجم الجسم (root)، أي حجم الخط المعرف على العنصر الجذري (html) في الصفحة. تسمح وحدة rem بتعيين حجم العناصر بنسبة مئوية من الحجم الجذري أي حجم الخط في الجذر root وهو عنصر <html> الحاوي لكل الصفحة وحجم الخط الإفتراضي للصفحة هو 16px. واستخدام rem مناسب عندما ترغب في تطبيق تغييرات الحجم بنسبة مئوية واحدة على جميع العناصر داخل الصفحة، مما يتيح تحقيق تكيف جيد للشاشات المختلفة. ومن الأفضل استخدام rem من أجل تحقيق تجاوب للصفحة على الشاشات المختلفة وتجنب استخدام px إلا في حالات محددة. em em هي وحدة قياس تعتمد على حجم العنصر الذي يحتوي عليه النص. تحدد وحدة em حجم العنصر بنسبة مئوية من حجم النص الحالي للعنصر الأب وليس الجذر. استخدام em مناسب عندما ترغب في تعيين حجم العناصر بنسبة مئوية من حجم النص المحيط به، مما يسمح بتكيف أحجام العناصر بناءًا على حجم النص المستخدم فيها. وستجد هنا المزيد من الشرح: وحدات الأحجام للخطوط في تصميم الويب (PX مقابل EM و REM) شرح rem وem من موسوعة حسوب https://wiki.hsoub.com/CSS/length 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أسامة زيادة نشر 4 يوليو 2023 أرسل تقرير مشاركة نشر 4 يوليو 2023 بتاريخ 9 دقائق مضت قال أبو مهيب: جميل هل تنصحني بإستخدامها وأستغني عن وحدة قياس Px ؟ نعم، أوصي باستخدام وحدة القياس REM في تصميم الويب والاستغناء عن وحدة القياس بكسل (px) في أغلب الحالات. استخدام REM يوفر العديد من المزايا والمرونة في تصميم الواجهة والاستجابة لمختلف أحجام الشاشات والأجهزة. فوائد استخدام REM على وحدة القياس بكسل تشمل ما يلي:- التحكم النسبي يمكنك ضبط أحجام العناصر والنصوص بشكل نسبي مع وحدة REM بناءً على حجم الخط الأساسي. هذا يسمح بتغيير حجم النص والعناصر بسهولة وبشكل متناسب مع حجم الشاشة. المرونة باستخدام REM، يمكن لموقعك أن يكون أكثر مرونة واستجابة لأحجام الشاشات المختلفة، بما في ذلك الهواتف المحمولة والأجهزة اللوحية وشاشات الكمبيوتر المكتبية. التغيير السهل يمكن تغيير حجم الخط الأساسي في الجسم (body) وبالتالي تأثيره على جميع العناصر المستخدمة في الموقع. هذا يجعل تعديل حجم النصوص والعناصر أمرًا سهلاً وفعالًا دون الحاجة لتعديل كل قاعدة على حدة. الاستجابة للمستخدمين باستخدام REM، يمكن للمستخدمين تعديل حجم النصوص بناءً على تفضيلاتهم الشخصية في المتصفح، مما يسمح لهم بتحسين تجربة المستخدم وقابلية القراءة. ومع ذلك، قد تحتاج أحيانًا إلى استخدام وحدة القياس بكسل (px) لأغراض محددة مثل تحديد أحجام الصور أو العناصر التي تتطلب دقة محددة. وفي بعض الأحيان، قد تحتاج أيضًا إلى مزج استخدام REM و px معًا لتحقيق أفضل توازن بين المرونة والتحكم الدقيق في بعض العناصر. يعد استخدام REM أفضل وأكثر مرونة في تصميم الويب، ويمكن أن يوفر تجربة مستخدم أفضل وتصميمًا مستجيبًا ومرنًا لمختلف أحجام الشاشات. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أبو مهيب نشر 4 يوليو 2023 الكاتب أرسل تقرير مشاركة نشر 4 يوليو 2023 فهمت موضوع REM تقريبا , جزالك الله خيرا .. بخصوص PX هل قصدك أني مجبر على إستخدامها في جميع الصور بموقعي ؟ وهل PX تستخدم لتحريك الصورة ( Padding ) و (margin ) أوتعديل عرض وإرتفاع الصورة فقط ؟ وفي حال يوجد لديك شيء من العناصر التي تطلب دقة محددة تجبرني على إستخدام PX ياليت تخبرني ياها . اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عبدالباسط ابراهيم نشر 5 يوليو 2023 أرسل تقرير مشاركة نشر 5 يوليو 2023 بتاريخ 10 ساعة قال أبو مهيب: فهمت موضوع REM تقريبا , جزالك الله خيرا .. بخصوص PX هل قصدك أني مجبر على إستخدامها في جميع الصور بموقعي ؟ وهل PX تستخدم لتحريك الصورة ( Padding ) و (margin ) أوتعديل عرض وإرتفاع الصورة فقط ؟ وفي حال يوجد لديك شيء من العناصر التي تطلب دقة محددة تجبرني على إستخدام PX ياليت تخبرني ياها . عندما تقوم باستخدام ال rem في موقعك فإنك تقوم بتعديل ال font-size لل html حتى يتم تعديل المقاسات للعناصر التي تستخدم ال rem تجاوبياً ولكن في بعض الأحيان هناك بعض العناصر التي لا تريد أن تتفاعل تجاوبياً مع حجم الشاشة لذلك نستخدم معها ال px نستخدم ال px أيضاً عند التعامل مع ال border مثلاً حيث نتعامل مع حجم صغير جداً فمثلاً بدلاً من كتابة القيمة بالشكل التالي border-radius: .18rem; نستخدم ال px لهذه القيم الصغيرة كالتالي border-radius: 3px; هناك العديد من الحالات التي يمكنك الإطلاع عليها من خلال النقاشات التالية بدلاً من التكرار 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
أبو مهيب
السلام عليكم
هل وحدة قياس REM مناسبة لبناء النصوص والعناصر وهل تعمل على جميه المتصفحات بشكل جيد ؟ .
تم التعديل في بواسطة Mustafa Suleimanتعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية
6 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.