Сайт с фиксированной шириной, увеличенный без мета-окна просмотра?

#html #meta-tags

#HTML #мета-теги

Вопрос:

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

В настоящее время на странице нет тега мета-окна просмотра, но он отображается увеличенным на моем iphone 4. Я понимаю, что он должен автоматически масштабироваться, чтобы ширина содержимого была видна (975 пикселей). Я также пробовал:

 <meta name="viewport" content="width=975">
  

и это тоже не работает, происходит то же самое. Увеличен до верхнего левого края страницы.

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

Вот ссылка на страницу

Спасибо, Джефф

Ответ №1:

Вставьте viewport тег в <head /> , как показано ниже:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  

Вот ссылка.