@BaskentYapim; hocam malesef, yine aynı şekilde, 250px olan boyutu değiştirmem mobil için hiçbir düzelme teşkil etmiyor. Masaüstünde zaten sıkıntı çekmiyorum. Site adresini Pm atıyorum müsaitseniz bakabilirseniz sevinirim.
Sorunumu
Stackoverflow'da denk geldiğim bir başlık sayesinde şimdilik çözmüş bulunmaktayım. Benzer sorunu yaşayan arkadaşların belki işine yarar, teşekkürler.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: visible;
}
#content
{
position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
}
</style>
</head>
<body>
<script type="text/javascript">
function onFrameLoad() {
do stuff
};
</script>
<div id="content">
<iframe onload="onFrameLoad(this)" id="app" src="https://subdomain.mydomain.com" frameborder="0" height="100%" width="100%"></iframe>
</div>
</body>
</html>