Описание тега initial-scale

Initial-scale is a property of the viewport meta tag which is used to set the initial "zoom level" on a mobile browser.
1 ответ

Сайт на мобильном телефоне. Как установить начальный масштаб, чтобы сайт помещался на экране?

Мне интересно, как установить начальную шкалу, чтобы на разных устройствах ширина сайта соответствовала ширине экрана при первой загрузке. Мой веб-сайт http://bam.net16.net/BAM/ Он отлично работает в обычных браузерах, но у меня было странное поведе…
27 ноя '13 в 18:20
1 ответ

Адаптивный дизайн: iPad 4-го поколения имеет размер 2048px x 1536px, но медиа-запрос активируется на 768px и ниже... Почему?

Я тестирую веб-сайт на iPad 4-го поколения, и его размер в пикселях: 2048px x 1536px, но он активирует мой "мобильный" медиа-запрос (в книжной ориентации), который составляет 768px и ниже, и активирует мой "планшетный" медиа-запрос (в альбомной орие…
1 ответ

Изменение масштаба (уменьшения) области просмотра работает только один раз

У меня проблема с масштабированием iPad. При щелчке пользователь должен получить всплывающее окно с наложением, и представление не должно масштабироваться - это означает, что оно должно уменьшаться до масштаба 0,75 (в основном, уменьшать масштаб до …
14 авг '14 в 11:20
2 ответа

Смущает "initial-scale=1.0"

Я новичок, пытающийся сделать адаптивный сайт. Я прочитал эту статью https://css-tricks.com/snippets/html/responsive-meta-tag/ и следовал советам w2schools, но я все еще путаю с "initial-scale=1.0". Я также читаю вопросы Stackru, связанные с этим во…
18 июн '17 в 09:04
1 ответ

Как установить начальный масштаб, чтобы сайт хорошо отображался в браузерах всех устройств

Мне очень трудно понять, как установить начальный масштаб, чтобы веб-сайт выглядел хорошо во всех браузерах, операционных системах и устройствах. На моем сайте есть файл main.css, а затем добавляются дополнительные файлы, такие как mobile.css и tabl…
02 апр '13 в 04:21
1 ответ

Начальный масштаб против desktop.css+phone.css+tablet.css?

Я только что обнаружил начальный масштаб мета-атрибута. Ранее я использовал default.css для определения всех своих стилей и размеров (для шрифтов и элементов), чтобы они хорошо отображались на экранах настольных компьютеров. Тогда я мог бы использов…
02 апр '13 в 13:21
1 ответ

iOS6 отображает сайт слишком большой при использовании initial-scale=1.0 и Maximum-scale-1.0

Спасибо за просмотр. Когда я удаляю начальный и максимальный масштаб из метатега: <meta name="viewport" content="width=device-width, user-scalable=no" /> тэг iOS 6 Safari отображает слишком большой сайт. Я должен вынуть начальное и максимально…
07 авг '13 в 16:57
2 ответа

Веб-приложение. При установке начального масштаба =1.x в Chrome существует дополнительное вертикальное пространство между элементами уровня блока.

Если я добавлю следующий метатег на свою мобильную веб-страницу, между элементами уровня блока в вертикальном направлении будет дополнительное пространство. <meta name="viewport" content="initial-scale=1.2,user-scalable=no" id="metaViewwport">…
04 авг '15 в 13:43
1 ответ

@media запросы и @viewport zoom

Я хотел бы настроить масштаб видового экрана (начальный масштаб) в зависимости от устройства - больший зум на планшетах и ​​меньший зум в портретных режимах телефона. Я могу управлять масштабированием с помощью <meta name="viewport"... в index.ht…
12 апр '16 в 22:50
1 ответ

Android Webview setinitialscale НЕ работает

У меня есть веб-просмотр, и я хочу установить его масштаб но setinitialscale терпит неудачу независимо от того, положил ли я setinitialscale(50) или setinitialscale (300) Setinitialscale работает, если я загружаю внешний сайт. Но не для загрузки лок…
09 янв '14 в 11:06
1 ответ

CSS-масштабирование на основе базовой ширины

Я знаю, что есть несколько подходов для масштабирования моего сайта. Но я даже не мог найти умный способ масштабирования моей страницы на основе ширины базы. Скажем, я оптимизировал свой мобильный сайт для определенной ширины и для всех других ширин…
09 апр '18 в 09:08
0 ответов

Можно ли сбросить масштаб окна просмотра без жесткого обновления?

Например, в мобильном сафари, если пользователь находится на полном сайте, а затем переключается на мобильное устройство, он сохраняет прежний масштаб области просмотра. Как заставить браузер сделать одноразовое забывание запомненной шкалы? Решение …
10 окт '14 в 13:57
2 ответа

Android 4.1 масштабирование области просмотра ( setInitialScale, начальный масштаб мета не работает)

В SO и остальной части Интернета есть сотни сообщений о попытках исправить масштабирование области просмотра в Android, и теперь я совершенно уверен, что вы просто не можете установить начальный масштаб в веб-просмотре на Android 4.1. Я создаю прило…
08 июл '14 в 15:59
2 ответа

Портативные дисплеи Retina: можно ли достичь границы в 1 пиксель с помощью CSS?

Я столкнулся с проблемой, что моя концепция дизайна для дисплеев, таких как iPhone 4, включала границы в 1 пиксель, и я не знал, что устройства Retina измеряют CSS с соотношением сторон 2x. Поэтому я начал разрабатывать страницу, воспользовавшись ме…
21 сен '13 в 12:15
2 ответа

Начальный масштаб = 1,0 + ширина = ширина устройства не умещается на весь экран на любом мобильном

Так что я прямо сейчас в замешательстве. Я создаю адаптивный сайт, используя тему "Деликатный". Он встроен в метатег То, что у меня сложилось впечатление, установит весь контент на ширину экрана. На моем телефоне я должен уменьшить масштаб, чтобы ко…
0 ответов

Изменения начального масштаба на полном экране моей веб-страницы

Я добавил начальный порт просмотра масштаба до 0,5, как показано ниже, на мою веб-страницу <meta name="viewport" content="initial-scale=0.5,minimum-scale=0.5,maximum-scale=0.5,width=device-width,height=device-height,target-densityd…
0 ответов

Горизонтальная прокрутка iphone X в хроме

Когда начальный масштаб =0,6, минимальный масштаб =0,6 и максимальный масштаб-0,6, содержимое переполняется в браузерах Chrome iPhone X и iphone 11, но работает в Safari, а также работает на устройствах без выемки, проблема возникает только в браузе…
26 авг '20 в 10:51
0 ответов

Код не реагирует после использования мета-адаптивного метатега?

Этот код работает точно. Но не остается отзывчивым, когда я использую этот метатег: В коде необходимо указать initial-scale=1.0. HTML <html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g…
20 янв '20 в 19:15