Как сделать чтобы при увеличении масштаба размеры не менялись html
Перейти к содержимому

Как сделать чтобы при увеличении масштаба размеры не менялись html

  • автор:

Как адаптировать размер текста при масштабировании страницы?

Учусь верстке. При увеличении масштаба страницы текст в div выходит за границы блока. Подскажите, как решить проблему.

  • Вопрос задан более трёх лет назад
  • 3370 просмотров

Комментировать

Решения вопроса 0

Ответы на вопрос 3

webinar

Учим yii: https://youtu.be/-WRMlGHLgRg

Можно например использовать vh, задавая и высоту блока и размеры шрифта в vh — можно получить желаемый результат, но все завит от проекта.
Обычно делаю так:
для body и html задаем font-size:2vh;
далее используем rem
добавляем пару медиазапросов и меняем font-size для body и html, например для устройств где высота, больше ширины и т.д. Тогда все резиновое. Для всех блоков тоже можно высоту в rem указывать.

Ответ написан более трёх лет назад

Комментировать

Нравится 1 Комментировать

Масштаб размеров в AutoCAD. Аннотативность

Как масштабировать размеры в Автокаде? При образмеривании объекта может показаться, что в Автокаде не ставятся размеры. Т.е. вроде как выносная линия появляется, но само значение размера отсутствует (см. рис. 1). Рассмотрим, как в Автокаде поставить размеры нужного масштаба.

автокад как масштабировать размеры

Рис. 1. При простановке размеры в Автокаде могут отображаться некорректно.

ПРИМЕЧАНИЕ: Если вы до этого не работали с размерами, то сначала ознакомьтесь со статей, в которой рассматривается, как ставить размеры в Автокаде.

Как быстро настроить масштаб размеров AutoCAD?

Если в Автокаде маленькие размеры на чертеже, то самый быстрый способ исправить это – вызвать панель «Свойства» (Ctrl+1) и изменить два параметра: высота текста и величина стрелок. При этом сам размер должен быть выделен. При увеличении числовых значений в соответствующих ячейках размеры на чертеже будут отображаться корректно (см. рис. 2).

Размеры в Автокаде 2013

Рис. 2. Как масштабировать размеры в Автокаде через панель Свойства.

Описанный способ достаточно быстрый, но применим лишь в единичных случаях. Проделывать все эти действия для каждого размера на чертеже нерационально. Поэтому рассмотрим и другие варианты.

Как в Автокаде поставить размеры нужного масштаба на всем чертеже?

Изменить масштаб размеров в Автокаде можно в Размерном стиле. Это наиболее правильный подход (читать подробнее про настройку размерных стилей). Вы не только сможете задать нужные размеры для всех элементов, т.е. высоту текста, размер стрелок и др. параметры, но и установить непосредственно сам масштаб, в котором будут отображаться размерные элементы (см. рис. 3).

Размеры в Автокаде 2010

Рис. 3. Редактирование Размерного стиля.

ПРИМЕЧАНИЕ: На вкладке «Основные единицы» можно управлять масштабом измерений (см. рис. 4). Поэтому при работе со сторонними чертежами проверяйте это значение.

Масштаб измерений размера в AutoCAD

Рис. 4. Масштаб измерений для размерного текста в AutoCAD.

Аннотативные размеры в Автокаде

Аннотативность – это свойство объекта менять свои размеры при изменении масштаба аннотаций. Свойство аннотативности нужно присвоить объектам. Это можно сделать для текста, размеров, мультивыносок и блоков.

Чтобы присвоить аннотативность размерному стилю, необходимо перейти в Диспетчер размерных стилей, выбрать «Редактировать» и во вкладке «Размещение» установить галочку напротив «Аннотативный» (см. рис. 5).

Аннотативные размеры AutoCAD 2013

Рис. 5. Аннотативные размеры в Автокаде.

Прежде чем задавать масштаб аннотаций, определитесь, в каком масштабе объект будет на Листе (см. статью «Изменение масштаба в Автокаде»). Аннотативные размеры на листе отображаются только в том масштабе, который им присвоен.

Данный материал сугубо практический. Полностью тему, посвященную аннотативным размерам, я разбираю в видеокурсе «Оформление проектов AutoCAD по ГОСТ». В нем я показываю, как присвоить масштаб аннотациям, разбираю основные инструменты для работы с ними и рассматриваю несколько примеров на практике.

Подведем итог. Теперь вы знаете, как уменьшить или увеличить размер в Автокаде. Достаточно воспользоваться настройкой Размерного стиля. Что касается свойств аннотативности, то более подробную информацию по работе с аннотативными размерами можно найти в курсе «Оформление проектов AutoCAD по ГОСТ». Также вы можете ознакомиться с видеоуроком «Аннотативные размеры в AutoCAD».

Освойте профессию проектировщика

Научитесь быстрому черчению, освоите прикладное 3D, автоматизируете создание ведомостей и спецификаций.

Компас-3D. Как изменить масштаб чертежа с сохранением размеров?

Столкнулся с проблемой: нарисовал зубчатое колесо, изменяю масштаб через функцию Масштабирование (ставлю 2 к 1), после чего и размеры становятся больше в 2 раза (т. е. было 40мм, становится 80мм). Как изменить масштаб, чтобы рисунок увеличился, а размеры остались нужные?

Голосование за лучший ответ

Выделить все/копировать/создать новый вид/указать нужный масштаб/вставить. И усё. И потом в этом виде меняй масштаб какой тебе нужен. А масштабированием вы изменяете размеры детали, но не масштаб.
И ещё, «нарисовал зубчатое колесо», это как?

Игорь КононовМастер (1067) 4 года назад
Не работает: «Объединены виды с номерами: 0»

Никанор Никаноров Просветленный (49522) Значит копируйте только то что содержит один слой. Я так думаю размеры ставили в другом слое. Пробуйте копировать только то что копируется.

Сначала, вычерчивается деталь (в масштабе 1:1, что бы в уме размеры не пересчитывать) — нужные виды, разрезы и так далее. Потом, выбирается масштаб, и только потом проставляются размеры.

«Размеры — в последнюю очередь» — этому правилу, лет, наверное. больше 100, это точно.

Не знаю, как в корявом Компасе с размерами для разных масштабов дела обстоят, а в AutoCAD всё это делается вообще без проблем — размерными стилями.

Как адаптировать сайт под разные разрешения

Рассказываем и показываем, как создавать удобные сайты, которые будут хорошо выглядеть на разных мониторах.

Евгений Кучерявый

Евгений Кучерявый

Пишет о программировании, в свободное время создаёт игры. Мечтает открыть свою студию и выпускать ламповые RPG.

Многие разработчики слишком ленивы, чтобы хоть как-то адаптировать свой сайт: одни проверяют всё только под свой браузер, а другие игнорируют мобильные устройства.

Но чаще всего можно заметить, что сайты плохо адаптированы под разные мониторы и разрешения. Например, вот как выглядит «ВКонтакте» на FullHD-мониторе:

Шрифт очень маленький, а контент размещается только на небольшой части экрана. Чтобы комфортно пользоваться им, нужно менять масштаб страницы:

Встроенных настроек для этого нет, в отличие, например, от Telegram:

Такая адаптация — что-то вроде кибертолерантности. Мы должны заботиться об удобстве посетителей наших сайтов, какими бы устройствами, мониторами и браузерами (только не Internet Explorer) они ни пользовались. Поэтому в этой статье мы расскажем, как адаптировать сайт под разные разрешения.

За основу возьмём сайт из статьи про добавление тёмной темы . Читать её не обязательно, но там подробнее объясняется часть с PHP-скриптами. Также вы можете посмотреть исходный код этого сайта на GitHub.

Создаём адаптивные стили

Прежде всего нужно быть уверенным, что ваш сайт не сломается, если пользователь изменит разрешение на 1 пиксель (как это бывает в MS Word). Для этого везде, где только можно, размеры нужно указывать в процентах.

Также при создании сайта полезно помещать его в оболочку (wrapper): она растягивается на весь экран, а сам сайт будет масштабироваться относительно оболочки.

Тут ширина блока с текстом составляет 80% страницы. Если бы не это ограничение, чтение мелкого шрифта с больших мониторов превратилось бы в разминку шеи:

Также вы можете указать максимальную ширину в пикселях:

Создаём стили под отдельные разрешения

Как и в случае с тёмной темой, можно подготовить несколько файлов стилей, каждый из которых будет содержать разные размеры для элементов страницы. Начнём со стиля для средних мониторов — normal.css:

Обратите внимание, что блок с текстом для небольших экранов стал шире — это не тот случай, когда пустота красит страницу .

Автоматическое масштабирование

С помощью JavaScript мы можем проверить размер окна браузера пользователя и подключить тот файл стилей, который лучше подойдёт для страницы такого размера. Вот пример такого кода:

Заключение

Мы сможем отказаться от адаптации сайтов под разные мониторы только тогда, когда человечество откажется от мониторов. Ну а пока придётся мириться с тем, что существует огромное количество разрешений:

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

Читайте также:

  • JavaScript: главный инструмент frontend-разработчиков
  • Держи в курсе: как и где разработчики обновляют свои знания
  • Как установить локальный сервер на Windows

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *