Отзывчивость сайта не работает в iphone 10 или в любой iOS - PullRequest
0 голосов
/ 23 мая 2018

Я использую приведенный ниже код для перенаправления моего сайта в iframe, его отзывчивость отлично работает во всех браузерах, кроме браузера Safari в iphone mobile.Я проверил это в разных моделях iphone.

<head>
<title>My Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<frameset rows="100%,*" border="0">
<frame src="https://website.com/customer?id=104" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>

, когда сайт загружается в любом браузере, он перенаправляет сайт на мой сайт и правильно открывает его для разных экранов.но когда сайт открывается в мобильном телефоне iOS, он не реагирует.показывая странный макет сайта.


Я заменил frameset на iframe с кодом ниже, но та же проблема сохраняется.

   <head>
   <title>My Website</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
   body, html
        {
            margin: 0; padding: 0; height: 100%; overflow: hidden;
        }

        #content
        {
            position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
        }
</style>
</head>
<body>
<div id="content">
<iframe  width="100%" height="100%" frameborder="0"         
src="https://website.com/customer?id=104">
</iframe>
 </div>
</body>

1 Ответ

0 голосов
/ 23 мая 2018

Frameset устарел и устарел , плюс не поддерживается в HTML5, возможно, Safari просто проигнорирует его, если вы хотите отобразить другую веб-страницу внутри вашей веб-страницы, вы можете использовать iframe .

Вы можете увидеть пример работы с ними в w3schools:

iframe {
  width: 1px;
  min-width: 100%;
  *width: 100%;
}
<!DOCTYPE html>
<html>
<body>

<iframe src="https://www.w3schools.com">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Более подробная информация о элементах HTML - фреймах , как мы читаем, в настоящее время iframe является единственным допустимым в HTML5.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...