HTML-сайт не будет масштабироваться с помощью кода области просмотра на мобильном устройстве - PullRequest
Новая
       37

HTML-сайт не будет масштабироваться с помощью кода области просмотра на мобильном устройстве

0 голосов
/ 10 июля 2019

Попытался добавить код вида на мой сайт разными способами, но не смог его зарегистрировать. Я новичок / самоучка и мне нужна помощь.Не кодер, сделал свой сайт для моей фотографии.Может кто-нибудь взглянуть и посмотреть, что я делаю не так?www.jeffhenrikson.com Отладил сам, но не могу починить, у меня что-то не так?Строка или команда отключают его?Вот что у меня есть ... 

<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon"href="http://jeffhenrikson.com/favicon.ico" />
<title>Jeff Henrikson</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>


<style type="text/css">

html, body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 14px;
    height: 768px;
    width: 1100px;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
}

a:link {
    color: #000;
    text-decoration: none;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: line-through;
}
a:active {
    color: #000;
    text-decoration: none;
}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

</style>

<body>

<div style="position: relative; top: 75px; left: 135px;">
<img src="images/01.jpg" width="x" height="575"/></a>
</div>

<div style="position: absolute; top: 276px; left: 50px;">
  <a href="38.html">&#11044;</a>
 </div>
<div style="position: absolute; top: 276px; left: 1035px;">
  <a href="02.html">&#11044;</a>
</div>

<div style="position: absolute; top: 15px; left: 17px;">
<a href="index.html">JEFF HENRIKSON</a>
</div>
<div style="position: absolute; top: 15px; left: 982px; width: 55px;">
<a href="all_index.html">view all</a>
</div>
<div style="position: absolute; top: 719px; left: 982px;">
<a href="contact.html">contact</a>
</div>

</div>

</body>
</html>

1 Ответ

0 голосов
/ 10 июля 2019

Попробуйте добавить этот тег в раздел головы. 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

UPD: 

<meta name="viewport" content="width=device-width, user-scalable=no">
...