ширина мета-окна просмотра не работает в html-файле

#html #viewport #meta

Вопрос:

Я новичок в HTML, пытаюсь сейчас все изучить и разобраться. Я узнал о мета-теге, и это данные данных. Я изучил концепцию использования ширины устройства для различных типов устройств, то есть мобильных телефонов.

Вот мой код, который я написал

 <!DOCTYPE html>
 <html>
  <head>
    <title>question</title>
    <meta name="viewport" content="width=100">
  </head>
  <body>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    </body>
 </html> 

Я намереваюсь , чтобы весь мой HTML content=body был стилизован под ширину 100 px с тех пор, как я написал viewport width 100 , но он не работал ни на одном устройстве.

Я думал, что независимо от того, насколько велик мой браузер или разрешение моего монитора, p текст будет отображаться в пределах 100 px ширины, но то, что я вижу, — это просто изменяемый размер содержимого, что означает p , что содержимое отображается во всю ширину моего браузера.

Я искал информацию о viewport теге, и ничего подобного я не нашел, что я ищу, только я могу предположить, что мне не хватает файла JSON для использования атрибута viewport?

Я был бы очень рад, если бы кто-нибудь мог помочь мне разобраться в этой проблеме! Заранее спасибо, и мои знания-это просто HTML и немного CSS, так как я начал изучать их неделю назад .

Ответ №1:

Из документов MDN вы можете увидеть, что там написано:

Для страниц, которые задают начальный или максимальный масштаб, это означает, что свойство width фактически преобразуется в минимальную ширину окна просмотра.

Пожалуйста, перейдите по ссылке ниже, чтобы узнать больше об этом 🙂

Видовое окно и ширина из MDN

Комментарии:

1. привет, спасибо за ссылку, дело в том, что я не понимаю, о чем они говорят . я думаю, из-за моего недостатка знаний вы можете объяснить больше? так значит ли это, что если я не использую начальную ширину атрибута масштаба, она не работает? Спасибо