Hazır siteyi iframe ile çektiğimde (tam ekran) masaüstünde sıkıntı yok, mobil sıkıntılı

01-07-2019, 01:40:37

#1

cheavart
Cümleten Selamunaleyküm, hayırlı geceler.
Wix'ten hazır bir site kurulmuş benden önce. İframe ile veya web.config üzerinden yönlendirmeler yaptığım taktirde masaüstü görünümünde hiçbir sıkıntı çıkarmazken mobil görünümde sayfa küçücük görünüyor. Sebebini bir türlü öğrenmedim. Çektiğim wix sitesini normal telefondan açtığımda hiçbir sıkıntı çıkarmazken iframe ile çektiğimde telefon ekranının genişlik olarak yarısını anca kullanıyor ve işin ilginç yanı sayfa ortalanmış şekilde. Yardım edebilirseniz sevinirim, teşekkürler.

Kullandığım metodlar ;
web.config
```
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="enquiry" stopProcessing="true">
<match url="^araz.av.tr$" />
<action type="Rewrite" url="Wix'ten Yonlendirilen Site.com" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
```
index.html
```
<iframe src="Wix'ten Yonlendirilen Site.com" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
```
01-07-2019, 01:53:08

#2

BaskentYapim

<iframe src="Wix'ten Yonlendirilen Site.com" style="border: 0; width: 100%; height: 250px">Your browser doesn't support iFrames.</iframe>
ile değiştir. test et herhalgi bir büyüme yada küçükme söz konusu ise 250px düşür yada yükselt.

01-07-2019, 01:59:02

@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>