احمد دره نشر 5 أكتوبر 2021 أرسل تقرير نشر 5 أكتوبر 2021 هل يمكنني التحكم في ارتفاع وعرض الصوره عند عرضها في هذه اللغه لان التناسب بين الصوره والنص المكتوب غير موجود بالمره 2 اقتباس
1 سامح أشرف نشر 5 أكتوبر 2021 أرسل تقرير نشر 5 أكتوبر 2021 في لغة HTML يمكن عرض الصور من خلال العنصر img كالتالي: <img src="https://via.placeholder.com/150" /> وستكون النتيحة كالتالي بالطبع: ويمكن التحكم في طول وعرض الصورة من خلال إضافة الخاصية width أو height، على النحو التالي: <img src="https://via.placeholder.com/150" width="300" height="200" /> وستظهر الصورة بحجم مختلف عن المرة السابقة: 2 اقتباس
0 Wael Aljamal نشر 5 أكتوبر 2021 أرسل تقرير نشر 5 أكتوبر 2021 بالنسبة للصور، عادة نضبط أحد الأبعاد ونترك البعد الآخر تلقائي لكي لا يتغير تناسب الصورة / نسبة الطول إلى العرض / <img src="https://ik.imagekit.io/ikmedia/backlit.jpg" أي رابط .. style='width: 100%; height: auto;' /> style='width: 250px; height: auto;' /> أو لانعطيه قيمة. بشكل عام لكي تجعل الصور متجاوبة مع حجم الصفحة، يمكننا استخدام واحدة قياس rem وهذه تعتمد على حجم الخط. حيث نعطي html حجم خط ما، ثم العنصر يأخد x rem حيت يتم حساب القيمة كنسبة وتكون متوافقة مع مختلف أحجام الشاشات <img src="https://ik.imagekit.io/ikmedia/backlit.jpg" /> <style> html { font-size: 10px; } img { width: 10rem; } </style> تابع جزء واحدات القياس: 1 اقتباس
السؤال
احمد دره
هل يمكنني التحكم في ارتفاع وعرض الصوره عند عرضها في هذه اللغه لان التناسب بين الصوره والنص المكتوب غير موجود بالمره
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.