np.1400 542 ارسال شده در اسفند 93 گزارش بازنشر ارسال شده در اسفند 93 سلام.چکار کنم اندازه iframe با توجه به محتویاتش تغییر کنه؟الان هر کار میکنم یا اسکرول میخوره یا مجبورم ارتفاعشو بدم 1000 پیکسل که هیچ وقت متن به ته آی فریم نرسه.ممنون نقل قول لینک به ارسال
s4d3ghi 246 ارسال شده در اسفند 93 گزارش بازنشر ارسال شده در اسفند 93 height="auto" 2 نقل قول لینک به ارسال
robocop 0 ارسال شده در اردیبهشت 96 گزارش بازنشر ارسال شده در اردیبهشت 96 سلام. منم دقیقا همین مشکل رو دارم و هر کاری کردم مشکلم حل نشده. اینکه ارتفاع رو برای استایل روی حالت اوتو بذاریم هم حل نمیشه. فقط میدانم که در asp.net با استفاده از کد زیر مشکل حل میشه ولی نمیدونم توی وردپرس چگونه باید حل کنم. برای استفاده از آی فریم از کد زیر استفاده میکنیم. <br /> <iframe src="/files/contactus/iranraiment-4.html" frameborder="0" scrolling="no" onload="resizeIframe(this)" style="width: 100%;"></iframe> برای اینکه ارتفاع ای فریم اسکرول نخوره، نیاز هست که اسکریپت زیر، در داخل فایل Default.aspx از پوشه wwwroot در زیر دستور <head runat="server"> قرار بگیرد. <!— For resize Iframe--> <script> function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; } </script> نقل قول لینک به ارسال
mshahedi83 0 ارسال شده در تیر 00 گزارش بازنشر ارسال شده در تیر 00 (ویرایش شده) سلام، من هم همین مشکل را داشتم، به این لینک زیر مراجعه کنید، برای تگ آی فریم یک المنت پدر (مثلا یک div ایجاد کنید.) بعد برای المنت پدر، پراپرتی های کلاس container و برای تگ آی فریم، پراپرتی های کلاس responsive-iframeresponsive-iframe را اعمال کنید. نکته: متناسب با محتوای خود باید padding-top را تغییر دهید. مثلا برای ابعاد مختلف ویدیو، خودش درصد padding مناسب را آورده است. یعنی کد زیر را برای div (المنت پدر) اعمال کنید (البته با توجه به نکته می توانید درصد padding-top را متناسب با ارتفاع فایل خود تغییر دهید.): position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; و کد زیر را برای تگ آی فریم اعمال کنید: position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; امیدوارم مفید بوده باشد. ویرایش شده تیر 00 توسط mshahedi83 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .