Опубликовано: 26 октября 2015
Масштабирование сайта Есть решение
Можно ли как-нибудь настроить, чтобы по умолчанию сайт отображался в масштабе 75%?
А то на обоих компьютерах (Chrome и Safari) очень крупно отображаются все элементы - даже банер на главной весь не виден.
Если сделать масштаб 75% - все красиво.
Комментарии (7)
Может быть у Вас как то браузер настроен не верно
вот скриншоты
100%75%
можете изменить глобальный параметр "em"
в пользовательских стилях http://wm-site.ru/profitbuy/290/blok-polzovatelski...
пропишите правила
@media only screen and (min-width:0){
html{
font-size:14px;
}
}
@media only screen and (min-width:992px){
html{
font-size:14.5px;
}
}
@media only screen and (min-width:1200px){
html{
font-size:15px;
}
}
значение всех font-size уменьшите до необходимого размера
Был тот же вопрос.
Помогло.
Игорь,большое спасибо за решение.
Здравствуйте! Та же ситуация. Просто вы смотрите на сайт с большого монитора(как и полагается разработчику)) а мы смотрим со стороны юзера с 15 дюймовым ноутбуком, коих я думаю, большинство. Возник вопрос - как уменьшить весь сайт, чтобы он не казался таким крупным на маленьких мониторах(ну это мое мнение)
Хочу уменьшить заголовки меню слева(фильтры, информация, высоту верхней панели(категории) высоту блока где расположен логотип
1) Указанное решение изменения размеров шрифта должно решить вашу проблему, начните с его изменения.
2) Высота блока категорий регулируется так:
@media only screen and (min-width: 993px) {
.tree-wrapper {
height: 70px;
line-height: 70px;
}
}
*замените значения высоты и высоты строки на желаемое
3) Высота блока с логотипом регулируется так:
@media only screen and (min-width: 993px) {
.header-line.alfa-background .row-grid .table-grid .col-grid {
height: auto;
}
}
*теперь высота этого блока будет зависеть лишь от содержимого
Все получилось, спасибо! Можно еще вопрос - как зафиксировать ширину блока категорий, чтобы происходил перенос текста на новую строку?
http://wm-site.ru/profitbuy/244/gorizontalnaya-pan...
Добрый вечер ! помогите только не пинайте сильно -( опыта в css нету объясните плиз по этапно куда надо вставить
{$wa->block("profitbuy.user.css")} чтобы изменился маштаб сайта на 75%
масштаб сайта не меняется с помощью css - это возможность браузера
например люди с плохим зрением увеличивают масштаб
увеличить можно сочетанием клавиш CTRL+
уменьшить CTRL-
Ну это вам и мне понятно что есть CTRL+ CTRL- но 95 % людей не знают функционал браузеров но факт масштаб 75% очень радикально изменяется сайт может есть еще вариант как добится 75% маштаба по умолчанию ?
Хорошо
* так конечно ни кто не далает
в пользовательских стилях пропишите
@media only screen and (min-width: 993px) {
html {zoom: 75%;
}
}
Огромное спасибо все работает !