سلام من یک وب ویو دارم که توش تعدادی عکس قرار دادم با Html و عکس ها بزرگ هستن و داخل یه تبلت به خوبی نمایش داده می شه اما تو یه گوشی کوچیک کل عکس دیده نمیشه.
چطور میتونم کاری کنم که بطور اتومات عکس با صفحه متناسب بشه؟
لطفا راهنمایی کنید.
سلام.
شما باید در کدهای HTML ، در تگ img ای که برای نمایش عکس به کار برده اید، مشخصه width را برابر %100 قرار بدهید تا کل عرض صفحه را بپوشاند.
اگر تگ img خود درون عنصر دیگری قرار گرفته است، مشخصه width آن عنصر نیز باید برابر %100 تعیین شود.
سلام میشه لطف کنید کدش رو بنویسید که width صد باشه.من بلد نیستم.
فرض کنید که عکس مورد نظر، دارای نام myImage.png است و در پوشه (folder) حاوی فایل html فعلی (فایلی که در حال اجرای آن هستیم) قرار دارد، بنابراین در میان کدهای html فایل، باید کد زیر را بنویسیم :
کد:
<img src="myImage.png" width="100%" />
یا اگر آدرس عکس متفاوت است، باید آدرس صحیح آن را برای مشخصه src در تگ img بنویسید.
همچنین اگر به صورت صد درصد نمایش داده نشد، حتما در عنصری قرار گرفته که قبلا width آن را برابر یک مقدار محدود در نظر گرفته اید، بنابراین با درست کردن مشخصات آن عنصر، عکس نیز تمام عرض صفحه را می پوشاند.