المسألة CSS مع الأحجام النسبية
https://stackoverflow.com/questions/483898
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
لدي هذا الكود
<html>
<head>
<style type="text/css">
.frame {width: 50em; border: 1px solid black}
.frame label {width: 20em; display: block; text-align:right; border: 1px solid green}
.frame label span {width: 20em; display: block; font-size: .5em; border: 1px solid red; text-align: right}
</style>
</head>
<body>
<div class="frame">
<label>
Label
<span>
Span
</span>
</label>
</div>
</body>
الأحمر <span> يتم تعيين 20em.ولكن ينبغي أن تكون كبيرة مثل الأخضر <label>.أريد أن تبقي حجم الخط صغير في الجزء الأحمر على الرغم من.للأسف حتى لو كان font-size هو نصف كبيرة لا أستطيع استخدام 40em للحصول على نفس الحجم.أي فكرة عن كيفية حل هذه المشكلة ؟
المحلول
إذا كنت لا يعلن عرض SPAN عنصر (أو width:100%) ، display:block بالفعل تأكد من أن العرض سيكون على كامل عرض متاح.
نصائح أخرى
px ليس خيارا كما أريد للحفاظ على تصميم "تحجيم".أنا فقط اكتشفت أنه يعمل مع "width:100%" على الجسر.
لاحظ أن استخدام م هو بالنسبة تحتوي على م الحجم.عند استخدام px أو pt حجم الخاص بك نسبة إلى دقة الشاشة.وهذا هو السبب كنت الحصول على 20em يستحق العرض الأحمر span عندما داخل 20em التسمية.
لا تنتمي إلى StackOverflow
