Keep IFRAME dimensions on a scaled web-siteHow do you disable browser Autocomplete on web form field / input tag?Remove border from IFrameHow can I scale the content of an iframe?How to apply CSS to iframe?jQuery/JavaScript: accessing contents of an iframeStretch and scale CSS backgroundhow to properly display an iFrame in mobile safariFont scaling based on width of containerScale iframe to fit?How can I show contents of iframe scaled by 50% for mobile device
Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?
Has the laser at Magurele, Romania reached a tenth of the Sun's power?
What fields between the rationals and the reals allow a good notion of 2D distance?
What is the difference between lands and mana?
Does "he squandered his car on drink" sound natural?
Why is the "ls" command showing permissions of files in a FAT32 partition?
How to make money from a browser who sees 5 seconds into the future of any web page?
Which was the first story featuring espers?
How do I fix the group tension caused by my character stealing and possibly killing without provocation?
Why does Carol not get rid of the Kree symbol on her suit when she changes its colours?
What features enable the Su-25 Frogfoot to operate with such a wide variety of fuels?
Biological Blimps: Propulsion
C++ check if statement can be evaluated constexpr
What is the highest possible scrabble score for placing a single tile
C++ copy constructor called at return
How many arrows is an archer expected to fire by the end of the Tyranny of Dragons pair of adventures?
Is there a RAID 0 Equivalent for RAM?
What to do when eye contact makes your coworker uncomfortable?
How to draw a matrix with arrows in limited space
Can you use Vicious Mockery to win an argument or gain favours?
Is this part of the description of the Archfey warlock's Misty Escape feature redundant?
How to get directions in deep space?
Is there a nicer/politer/more positive alternative for "negates"?
How could a planet have erratic days?
Keep IFRAME dimensions on a scaled web-site
How do you disable browser Autocomplete on web form field / input tag?Remove border from IFrameHow can I scale the content of an iframe?How to apply CSS to iframe?jQuery/JavaScript: accessing contents of an iframeStretch and scale CSS backgroundhow to properly display an iFrame in mobile safariFont scaling based on width of containerScale iframe to fit?How can I show contents of iframe scaled by 50% for mobile device
We have a audio-recorder that can be embedded into other peoples web-sites. We designed it in a way that it's dimensions are small enough to be displayed even on mobile devices. The iframe is dynamically created on the host web-site via script.
However - if the host web-site needs auto-scaling to fit onto a mobile screen, the iframe and everything in it is scaled down as well. Though our content would fit perfectly, it is now scaled down to stamp size.
I am trying to find a way to display the iframe in it's original dimension even if the host has scaling applied. Alternatively, I already calculated and applied the scaling ratio to recalculate the width of the iframe to it's original size, but that doesn't translate down to the app displayed within the iframe - eg. sizes in px are still being scaled down.
Any ideas?
html css iframe autoscaling
add a comment |
We have a audio-recorder that can be embedded into other peoples web-sites. We designed it in a way that it's dimensions are small enough to be displayed even on mobile devices. The iframe is dynamically created on the host web-site via script.
However - if the host web-site needs auto-scaling to fit onto a mobile screen, the iframe and everything in it is scaled down as well. Though our content would fit perfectly, it is now scaled down to stamp size.
I am trying to find a way to display the iframe in it's original dimension even if the host has scaling applied. Alternatively, I already calculated and applied the scaling ratio to recalculate the width of the iframe to it's original size, but that doesn't translate down to the app displayed within the iframe - eg. sizes in px are still being scaled down.
Any ideas?
html css iframe autoscaling
add a comment |
We have a audio-recorder that can be embedded into other peoples web-sites. We designed it in a way that it's dimensions are small enough to be displayed even on mobile devices. The iframe is dynamically created on the host web-site via script.
However - if the host web-site needs auto-scaling to fit onto a mobile screen, the iframe and everything in it is scaled down as well. Though our content would fit perfectly, it is now scaled down to stamp size.
I am trying to find a way to display the iframe in it's original dimension even if the host has scaling applied. Alternatively, I already calculated and applied the scaling ratio to recalculate the width of the iframe to it's original size, but that doesn't translate down to the app displayed within the iframe - eg. sizes in px are still being scaled down.
Any ideas?
html css iframe autoscaling
We have a audio-recorder that can be embedded into other peoples web-sites. We designed it in a way that it's dimensions are small enough to be displayed even on mobile devices. The iframe is dynamically created on the host web-site via script.
However - if the host web-site needs auto-scaling to fit onto a mobile screen, the iframe and everything in it is scaled down as well. Though our content would fit perfectly, it is now scaled down to stamp size.
I am trying to find a way to display the iframe in it's original dimension even if the host has scaling applied. Alternatively, I already calculated and applied the scaling ratio to recalculate the width of the iframe to it's original size, but that doesn't translate down to the app displayed within the iframe - eg. sizes in px are still being scaled down.
Any ideas?
html css iframe autoscaling
html css iframe autoscaling
asked Mar 8 at 0:04
Michaela.MerzMichaela.Merz
889
889
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054786%2fkeep-iframe-dimensions-on-a-scaled-web-site%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054786%2fkeep-iframe-dimensions-on-a-scaled-web-site%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown