Meta viewport полностью не работает в режиме телефона и хрома

Привет, ребята, я использую html, но когда я добавляю следующий <meta>элемент в голову, Viewport не изменится на телефоне и режиме устройства Chrome:

<!DOCTYPE html>
<html>
<head>
        
        <title>phone</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body style="background-image: url('space.jpg')">
     <img src="https://www.drgoulu.com/wp-content/uploads/HLIC/c2281c83670e31d8aaab7cb642b824db.png">
     <p>Python est un langage de programmation objet, multi-paradigme et multiplateformes. Il favorise la programmation imperative structuree, fonctionnelle et orientee objet. Wikipedia</p>

</body>
</html>

Кто-нибудь знает, что может быть причиной этого?

python,html,css,

-1

Ответов: 2

0

попробуйте поставить в теге# style.css img { max-width: 100%; # or simple width # width: 100%; }img

img

или прямо в imgтеге

<img style="width: 100%" src="https://www.drgoulu.com/wp-content/uploads/HLIC/c2281c83670e31d8aaab7cb642b824db.png">
0 

<style>
           img{width:100%;}  
           body{background-size:100%;}         
</style>

Я положил это, но у меня проблема с повторением фонового изображения. и если я добавлюbackground-repeat: no-repeat;

последняя часть страницы остается белой

введите описание изображения здесь

введите описание изображения здесь

питон, HTML, CSS,
Похожие вопросы
Яндекс.Метрика