جار التحديث ...
جار التحديث ...

كيف أعدّل مقاس ال HTML ؟

  • 0

مقال ال HTML لا يمكن أن يكون أصغر من 980x1397 كي أعدّله ؟؟

min-width و min-height لا يعملان

إجابات المستخدمين (6)


لقد أضفت رد ولكن لم يتم نشره لا أعلم أين الخلل

ولكن الاجابة على سؤالك تكمن في استعمال Media Queries و إستعمال النسبة المئوة متلا اذا كان لدينا موقع عرضه 1000px و عرضناه في شاشة عرضها 1000px سيكون الشكل عادي اما ان عرضناه في شاشة عرضها 900px فلن يكون الموقع في الشكل الذي نريد أما ان استعملنا النسبة المئوية واعطينا للموقع عرض 90% فسيبقى بنفس الشكل حتى و ان تغير عرض الشاشة

مثال عن Media Queries

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
  background-color: lightgreen;
}

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
</style>
</head>
<body>

<p>Resize the browser window. When the width of this document is 600 pixels or less, the background-color is "lightblue", otherwise it is "lightgreen".</p>

</body>
</html>


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • مسؤول
  • قديم العهد
  • قبل أشهر 3

أستخدم الكود التالي في الهيدر

<meta name="viewport" content="width=device-width, initial-scale=1.0">


ثم استخدم الكود التالي في ال css


@media only screen and (max-width: 720px) {
}

مع تحديد الحجم الذي تريده


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 3

يمكنك إعطائه المقاس بالنسبة المئوية ليأخذ نفس المقاس حتى وإن صغر المتصفح أو العكس مثلا

 width:90%;

  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 3

لم أفهم السؤال جيدا هل يوجد تفسير أوضح؟

على حسب فهمي أنه لديك مقال في ال HTML و تريد تصغير حجمه 

و يمكنك فعل ذلك ب width & height وليس min-width و min-height الذين بدورهم يعملون في علم المتصفح أنه لا يمكن لهذا الشيء ان يكبر أو يصغر أكتر من هذا القياس


  • 1
رد على التعليق (2)

الردود :


  • قبل أشهر 3

انتهيت من تصميم الموقع لسطح المكتب فانتقلت الى الريسبونسيف ديزاين فوجدت أن مقاس html يمكن تكبيره بينما لا يمكن تصغيره إلى أبعاد أصغر من 980x1397

  • قبل أشهر 3

أخطأت في كتابة السؤال أقصد مقاس وليس مقال


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة