• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как увеличить масштаб сайта по ширине 120% (Как изменить масштаб html страницы для сайта)
Как увеличить масштаб сайта по ширине 120%
egorkriv05
Дата: Воскресенье, 2020-04-05, 19:41 | Сообщение 1
Оффлайн
Пользователи
Сообщений:13
Награды: 0


Всем добрый вечер. На сайте очень большие поле справа и слева. Уменьшить поля не получилось. Вот думаю, как вариант увеличить масштаб, и поля уменьшатся. Подскажите варианты решения вопроса.

Есть сайт museum-syktyvdin.ru
Страна: (RU)
egorkriv05
Дата: Воскресенье, 2020-04-05, 19:44 | Сообщение 2
Оффлайн
Пользователи
Сообщений:13
Награды: 0


Прикрепления: 6877027.jpg(150.2 Kb)


Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:53
Страна: (RU)
YaVi
Дата: Воскресенье, 2020-04-05, 21:21 | Сообщение 3
Оффлайн
Vip
Сообщений:40
Награды: 3


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

uFive.Ru - Лучшее для web мастеров

Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:49
Страна: (RU)
YaVi
Дата: Воскресенье, 2020-04-05, 21:23 | Сообщение 4
Оффлайн
Vip
Сообщений:40
Награды: 3


И я вообще бы отказал вам в помощи, так как нарушены все правила сайта, а главное что он даже не создан на uCoz.

uFive.Ru - Лучшее для web мастеров

Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:49
Страна: (RU)
egorkriv05
Дата: Воскресенье, 2020-04-05, 22:22 | Сообщение 5
Оффлайн
Пользователи
Сообщений:13
Награды: 0


Нужно чтобы поля по бокам были меньше, пробовал разные стили, но ничего не подходит. И как вариант я подумал увеличить маштаб, тогда поля будут меньше.
Страна: (RU)
Kosten
Дата: Понедельник, 2020-04-06, 00:58 | Сообщение 6
Оффлайн
Администраторы
Сообщений:27456
Награды: 61


Цитата YaVi ()
И я вообще бы отказал вам в помощи, так как нарушены все правила сайта

YaVi, это трешь, аналогично пропадает желание в помощи.

Здесь в стилях покопался и выставил так.

Код
.hassidecolumn .content-explicit {
    display: inline-block;
    width: 950px;
}


и

Код
.content-2 {
    width: 1200px;
    margin: auto;
    padding: 20px 0 25px 0;
}


Получилось так:

Прикрепления: 0515940.png(184.0 Kb)
Страна: (RU)
egorkriv05
Дата: Понедельник, 2020-04-06, 08:59 | Сообщение 7
Оффлайн
Пользователи
Сообщений:13
Награды: 0


Все в стиль прописал, но проблема не решена. Извините, за беспокойства, помогите пожалуйста решить данную проблему!

Добавлено (2020-04-06, 09:03)
---------------------------------------------
Слева поля уменьшились, а справа все осталось как было.


Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:50
Страна: (RU)
egorkriv05
Дата: Понедельник, 2020-04-06, 09:42 | Сообщение 8
Оффлайн
Пользователи
Сообщений:13
Награды: 0


Всё работает, была допущена моя небольшая ошибка из-за этого и не работало. Теперь все работает, ОГРОМНОЕ ВАМ СПАСИБО! Вы настоящий профессионал, в этой сфера. Дальнейших Вам успехов!

Только вот в телефоне справа выходит за границы текст и изображение, это возможно как-то исправить?!
Скриншот прикреплён.

Прикрепления: 1663171.jpg(53.0 Kb)
Страна: (RU)
Snoopak
Дата: Понедельник, 2020-04-06, 10:18 | Сообщение 9
Оффлайн
Проверенные
Сообщений:48
Награды: 2


Конечно возможно исправить, медиа-запросы CSS вам в помощь.

Страна: (UA)
waak
Дата: Понедельник, 2020-04-06, 17:50 | Сообщение 10
Оффлайн
Vip
Сообщений:557
Награды: 14


Здравствуйте, вам нужно просто переписать где указана ширина для блоков

Код
.content-2 {
    width: 100%;
}

.hassidecolumn .content-explicit {
    width: calc(100% - 250px);
}


но лучше конечно переписать структуру сделать её более чистой и адаптивной
Страна: (RU)
egorkriv05
Дата: Понедельник, 2020-04-06, 18:19 | Сообщение 11
Оффлайн
Пользователи
Сообщений:13
Награды: 0


waak, поля полностью на компьютере пропали, а в телефоне теперь все хорошо, а как сделать, чтобы только в телефоне всё поправилось, а небольшие поля остались на компьютере??!!
Страна: (RU)
waak
Дата: Понедельник, 2020-04-06, 18:21 | Сообщение 12
Оффлайн
Vip
Сообщений:557
Награды: 14


поместить те стили то что я дал в медиа запрос

@media screen and (max-width: 1000px) {

.content-2 {
width: 100%;
}

.hassidecolumn .content-explicit {
width: calc(100% - 250px);
}

}

просто в самый низ вашей таблицы стилей добавьте
Страна: (RU)
egorkriv05
Дата: Понедельник, 2020-04-06, 20:05 | Сообщение 13
Оффлайн
Пользователи
Сообщений:13
Награды: 0


waak, прописал, но ничего не изменилось. сайт: ---

Добавлено (2020-04-06, 20:07)
---------------------------------------------
waak, изменилось. Большое спасибо за помощь!


Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:51
Страна: (RU)
Форум » Веб-разработка » Вопросы по uCoz » Как увеличить масштаб сайта по ширине 120% (Как изменить масштаб html страницы для сайта)
  • Страница 1 из 1
  • 1
Поиск: