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

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


Сообщение отредактировал
-SAM- - Воскресенье, 12 Апреля 2020, 17:53
Страна: (RU)
YaVi
 		Воскресенье, 05 Апреля 2020, 21:21 | Сообщение 3
Оффлайн
Vip
Сообщений:40
Награды: 3
« 25 »
Можно сделать что угодно. Просто надо знать чего вы хотите, что контент был во весь экран, или чтоб были поля по бокам.
uFive.Ru - Лучшее для web мастеров

Сообщение отредактировал
-SAM- - Воскресенье, 12 Апреля 2020, 17:49
Страна: (RU)
YaVi
 		Воскресенье, 05 Апреля 2020, 21:23 | Сообщение 4
Оффлайн
Vip
Сообщений:40
Награды: 3
« 25 »
И я вообще бы отказал вам в помощи, так как нарушены все правила сайта, а главное что он даже не создан на uCoz.
uFive.Ru - Лучшее для web мастеров

Сообщение отредактировал
-SAM- - Воскресенье, 12 Апреля 2020, 17:49
Страна: (RU)
egorkriv05
 		Воскресенье, 05 Апреля 2020, 22:22 | Сообщение 5
Оффлайн
Пользователи
Сообщений:13
Награды: 0
« 0 »
Нужно чтобы поля по бокам были меньше, пробовал разные стили, но ничего не подходит. И как вариант я подумал увеличить маштаб, тогда поля будут меньше.
Страна: (RU)
Kosten
 		Понедельник, 06 Апреля 2020, 00:58 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
Цитата 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
 		Понедельник, 06 Апреля 2020, 08:59 | Сообщение 7
Оффлайн
Пользователи
Сообщений:13
Награды: 0
« 0 »
Все в стиль прописал, но проблема не решена. Извините, за беспокойства, помогите пожалуйста решить данную проблему!

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

Сообщение отредактировал
-SAM- - Воскресенье, 12 Апреля 2020, 17:50
Страна: (RU)
egorkriv05
 		Понедельник, 06 Апреля 2020, 09:42 | Сообщение 8
Оффлайн
Пользователи
Сообщений:13
Награды: 0
« 0 »
Всё работает, была допущена моя небольшая ошибка из-за этого и не работало. Теперь все работает, ОГРОМНОЕ ВАМ СПАСИБО! Вы настоящий профессионал, в этой сфера. Дальнейших Вам успехов!

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

Прикрепления: 1663171.jpg (53.0 Kb)
Страна: (RU)
Snoopak
 		Понедельник, 06 Апреля 2020, 10:18 | Сообщение 9
Оффлайн
Vip
Сообщений:64
Награды: 3
« 73 »
Конечно возможно исправить, медиа-запросы CSS вам в помощь.
Страна: (US)
waak
 		Понедельник, 06 Апреля 2020, 17:50 | Сообщение 10
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Здравствуйте, вам нужно просто переписать где указана ширина для блоков

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

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


но лучше конечно переписать структуру сделать её более чистой и адаптивной
Страна: (RU)
egorkriv05
 		Понедельник, 06 Апреля 2020, 18:19 | Сообщение 11
Оффлайн
Пользователи
Сообщений:13
Награды: 0
« 0 »
waak, поля полностью на компьютере пропали, а в телефоне теперь все хорошо, а как сделать, чтобы только в телефоне всё поправилось, а небольшие поля остались на компьютере??!!
Страна: (RU)
waak
 		Понедельник, 06 Апреля 2020, 18:21 | Сообщение 12
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
поместить те стили то что я дал в медиа запрос

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

.content-2 {
width: 100%;
}

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

}

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

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

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