محمد جاد5 نشر 16 سبتمبر 2022 أرسل تقرير مشاركة نشر 16 سبتمبر 2022 لماذا عندما أقوم بعمل zoom بدرجة عالية يتم قطع المربع الأحمر "SALE" من الصفحة CHALLENGE #2.html CHALLENGE2.css 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أسامة زيادة نشر 16 سبتمبر 2022 أرسل تقرير مشاركة نشر 16 سبتمبر 2022 يحدث ذلك بسبب الحجم القيمة الكبيرة للخاصية right في الخاصية التالية ، لذلك لمعالجة المشكلة يمكنك تقليل القيمة ولو قمت بتقليل القيمة لتصبح 900px ربما تظهر بشكل جميل يتناسب مع الحاوية . .sale { font-family: sans-serif; background-color: #ec2f2f; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 7px 15px; display: inline-block; position: absolute; letter-spacing: 3px; top: -17px; right: 965px; } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عمر قره محمد نشر 16 سبتمبر 2022 أرسل تقرير مشاركة نشر 16 سبتمبر 2022 ويمكنك حل هذه المشكلة مؤقتاً بتغيير الخاصية الخاصة بالـ body : margin: 75px auto; // إلى margin: 75px 40px; حيث ان المربع الاحمر يختفي لكون الـ position الخاص به هو من النوع absolute وله موضع محدد "الـ right و الـ top" بينما الـ margin الخاص بالـ body موضوع على auto وبالتالي سيتغير بحسب عرض الشاشة على عكس موضع المربع الامر. ولكن الشكل الافضل هو تحويل التصميم إلى شكل أكثر توافق مع مختلف الشاشات "responsive" بإعطاء ال body الخاصية : // القياس بشكل نسبة مئوية بدلاً من القيمة الثابتة width: 80%; // بدلاً من الـ width: 1000px; واعطاء المربع الاحمر الخاصية : left: -40px; // بدلاً من right: 965px; اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
محمد جاد5
لماذا عندما أقوم بعمل zoom بدرجة عالية يتم قطع المربع الأحمر "SALE" من الصفحة
CHALLENGE #2.html
CHALLENGE2.css
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.