Home > Developer > Web Develop
Recently do a project, one of the requirements, is that the page needs to use frame to introduce the page and the full screen of the frame, in the online check a lot of feelings are not the same way, but not the introduction of a very comprehensive, browser compatibility does not do well, I summed up a number of points, need to learn from it.
HTML code:
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>Frame fullscreen</title></Head>
<!--body define overflow as hidden, otherwise there will be a scroll bar in some browsers--<Bodystyle= "padding:0; margin:0;overflow:hidden;">
<!--frame defines overflow as scroll, enabling scrolling---<iframestyle= "overflow:scroll; width:100%;"src= "Http://www.m-ivi.com"ID= "Iframepage" ></iframe>
<!--introduction of jquery--><Scriptsrc= "./jquery-1.9.1/jquery-1.9.1.min.js"></Script>
<!--simple code--<Script>$ (document). Ready (function(){ varHeight=$ (window). Height (); Height=Height+'px'; $('#iframepage'). CSS ('Height', height); }) </Script></Body></HTML>
Article share from: Aiviai Technology official website, thanks for reading.
Page frame Introduction for full-screen scrolling, using jquery for browser compatibility
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
