Page size different screens HTML / CSS

-1

My question is to create a page in html and css and that same page to be opened in different screens.

For example, a small problem has arisen.

HTML:

<iframe id="contentframe" width="300px" height="350px"  src="demo_iframe.htm" name="iframe_a"></iframe>

CSS:

#contentframe{
position: absolute;
left: 76.5%;
top: 130px;
}

If you open a page on a large screen the margin is larger than on a small screen. How can I fix this? I want the same margin to always appear regardless of the screen that opens the page.

    
asked by anonymous 09.12.2014 / 12:25

1 answer

1

Use this to control width and height and other properties:

iframe, object, embed {
        max-width: 100%;
        max-height: 100%;
}
    
09.12.2014 / 15:29