ویب صفحہ HTML 5 کے لیے HTML XNUMX امیج اڈاپٹیو اسکرین img متناسب اسکیلنگ کوڈ

بڑھتے ہوئے موبائل انٹرنیٹ کی وجہ سے،WeChat مارکیٹنگموبائل فون کی مقبولیت ہو گئی ہے۔زندگی۔آلہ ہونا ضروری ہے.

ایک اسٹیشن بنائیںٹیمپلیٹ، اسے استعمال کرنے کی سفارش کی جاتی ہے۔WordPressانکولی تھیم برائے:

سی ایس ایس امیج ایڈاپٹیو کا کیا مطلب ہے؟

سی ایس ایس امیج سیلف ایڈاپٹیشن کا مطلب سی ایس ایس کوڈ کے ذریعے ایچ ٹی ایم ایل ویب پیج میں تصاویر بنانا ہے۔

اگلے،چن ویلیانگمیں آپ کے ساتھ CSS img متناسب اسکیلنگ کوڈ ^_^ شیئر کروں گا۔

CSS تصویر کی اونچائی اور چوڑائی انکولی کوڈ

html میں تصویر داخل کریں:

اگر آپ چاہتے ہیں کہ تصویر چوڑائی اور اونچائی میں متعین رہنے کے بجائے اسکرین کے چھوٹے سائز کے مطابق ہو۔

آپ اپنے ورڈپریس تھیم ▼ کی style.css فائل میں درج ذیل کوڈ شامل کر سکتے ہیں۔

/*图片自适应宽度和高度*/ 
img { max-width: 100%; height: auto; width: auto\9; width: auto; }

یہاں بیانmax-widthزیادہ سے زیادہ چوڑائی کا اصول

• اس بات کو یقینی بنانے کے لیے کہ تمام تصاویر زیادہ سے زیادہ 100% پر ظاہر ہوں (یعنی وہ صرف ان کی اپنی تصاویر کی طرح بڑی دکھائی جا سکتی ہیں)۔
• اس مقام پر، اگر تصویر پر مشتمل عنصر (مثال کے طور پر، تصویر پر مشتمل باڈی یا div) تصویر کی موروثی چوڑائی سے چھوٹا ہے، تو تصویر کو زیادہ سے زیادہ دستیاب جگہ کو بھرنے کے لیے چھوٹا کیا جائے گا۔

width:auto;خودکار چوڑائی کا مطلب ہے

\9 یہ ہیک سی ایس ایس لکھنے کا ایک طریقہ ہے۔

• اس طرح، "\9" کو عام سی ایس ایس کوڈ میں شامل کیا جاتا ہے، صرف IE براؤزر اسے پہچان سکتا ہے، دوسرے براؤزر اس بیان کو نظر انداز کر دیں گے۔
• یہ براؤزر کی تفریق کو حاصل کرے گا، ہم آہنگ براؤزرز کے مقصد کو فعال کرے گا۔

چوڑائی کا استعمال کیوں نہیں کرتے: 100%؟

تصاویر کی خودکار پیمانے کو حاصل کرنے کے لیے، آپ عام طور پر استعمال ہونے والی چوڑائی کی خصوصیات کو بھی استعمال کر سکتے ہیں، جیسےwidth：100％ہے.

تاہم، یہ اصول یہاں لاگو نہیں ہوتا ہے۔

• کیونکہ یہ اصول اسے اپنے کنٹینر کی طرح چوڑا دکھائے گا۔
• ایسی صورتوں میں جہاں کنٹینر تصویر سے کہیں زیادہ چوڑا ہو، تصویر کو غیر ضروری طور پر کھینچا جائے گا۔

注意 事项

سی ایس ایس سلیکٹرز کیا ہیں؟ کلاس اور آئی ڈی میں کیا فرق ہے؟مندرجہ ذیل سبق ▼ کے بارے میں بات کرتے ہیں۔

سی ایس ایس سلیکٹر کلاس اور آئی ڈی میں کیا فرق ہے؟ HTML میں id اور کلاس کا استعمال

سی ایس ایس سلیکٹر کلاس اور آئی ڈی میں کیا فرق ہے؟ ایچ ٹی ایم ایل چن ویلیانگ میں آئی ڈی اور کلاس کا استعمال فی الحال SEO کو انجام دے رہا ہے اور ویب سائٹ کے ورڈپریس تھیم کو بہتر بنا رہا ہے۔اگرچہ میں نے پہلے بھی کچھ بنیادی HTML اور CSS کا علم سیکھا ہے، لیکن میں نے اسے کچھ عرصے سے آپریٹ نہیں کیا ہے، خاص طور پر CSS حصہ...

موبائل ویب سائٹ ایم پی 4 ویڈیو کو صفحہ کے مطابق کیسے چلاتی ہے؟براہ کرم نیچے دیئے گئے لنک پر کلک کریں ▼

H5 ویب پیج MP4 صفحہ سے کیسے مطابقت رکھتا ہے؟ موبائل ویب سائٹ ویڈیو HTML کوڈ چلاتی ہے۔

ویڈیو مارکیٹنگ آن لائن مارکیٹنگ کا ایک لازمی حصہ ہے: بہت سے آن لائن پروموشن پریکٹیشنرز اکثر ٹریفک کو چلانے کے لیے "وائرل مارکیٹنگ" کے ساتھ مل کر ویڈیو استعمال کرتے ہیں۔اگر WeChat مارکیٹنگ کو ویڈیو مارکیٹنگ کے ساتھ ملایا جائے تو یہ نئے میڈیا اور سوشل ای کامرس کی کاپی رائٹنگ کی تبدیلی کی شرح کو مزید بہتر بنا سکتا ہے۔میرے بہت سے دوست ہیں...