আমি যখন একটি আইফ্রাম তৈরি করতে নিম্নলিখিত কোডটি ব্যবহার করি:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>Iframe পুরো পথ যায় না if একটি 10px সাদা "সীমানা" iframe ঘিরে। আমি কীভাবে এটি সমাধান করতে পারি?
এখানে সমস্যার একটি চিত্র দেওয়া হল:
উত্তর:
bodyঅধিকাংশ ব্রাউজার একটি ডিফল্ট মার্জিন হয়েছে। চেষ্টা করুন:
body {
margin: 0;
}পৃষ্ঠায় iframe।
পুরো ভিউপোর্টটি কভার করতে আপনি ব্যবহার করতে পারেন:
<iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn't support iframes
</iframe>এবং ফ্রেম পৃষ্ঠাটির মার্জিন 0 তে নির্ধারণ করা নিশ্চিত করুন, যেমন - আসলে, এই সমাধানের সাথে এটি প্রয়োজনীয় নয় necessarybody { margin: 0; },।
display:noneযখন ব্যবহারকারী উপযুক্ত নিয়ন্ত্রণে ক্লিক করেন তখন আমি এটি অতিরিক্ত এবং জেএস সহ এটি সফলভাবে ব্যবহার করছি ।
দ্রষ্টব্য: সম্পূর্ণ ভিউপোর্টের পরিবর্তে পিতামাতার দর্শন ক্ষেত্রটি পূরণ করতে, এতে পরিবর্তন position:fixedকরুন position:absolute।
এটি অর্জনের জন্য আপনি ভিউপোর্ট-শতাংশের দৈর্ঘ্যও ব্যবহার করতে পারেন :
5.1.2। ভিউপোর্ট-শতাংশের দৈর্ঘ্য: 'vw', 'vh', 'vmin', 'vmax' ইউনিট
ভিউপোর্ট-শতাংশের দৈর্ঘ্য প্রাথমিকযুক্ত ব্লকটির আকারের সাথে সম্পর্কিত। প্রাথমিক ধারণকারী ব্লকের উচ্চতা বা প্রস্থ পরিবর্তন করা হয়, সেগুলি সেই অনুযায়ী মাপা হয়।
যেখানে 100vhভিউপোর্টের উচ্চতা উপস্থাপন করে এবং তেমনিভাবে 100vwপ্রস্থকেও উপস্থাপন করে।
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}<iframe></iframe>এটি বেশিরভাগ আধুনিক ব্রাউজারগুলিতে সমর্থিত - সমর্থন এখানে পাওয়া যাবে ।
এটি আপনার আইফ্রেমে যুক্ত করা সমস্যার সমাধান করতে পারে:
frameborder="0" seamless="seamless"আমি উপরের কয়েকটি উত্তরকে সংযুক্ত করে একটি টুকরো টেম্পলেট তৈরি করেছি ।
পরিবর্তে এই কোডটি ব্যবহার করুন:
<frameset rows="100%,*">
<frame src="-------------------------URL-------------------------------">
<noframes>
<body>
Your browser does not support frames. To wiew this page please use supporting browsers.
</body>
</noframes>
</frameset>