Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
Aidera
1 / 1 / 0
Регистрация: 29.07.2015
Сообщений: 86
1

Масштабирование для разных экранов

29.02.2016, 12:40. Просмотров 942. Ответов 6
Метки нет (Все метки)

Доброго времени суток!
Честно говоря - была бы рада даже самой простой ссылке в гугле.
Беда вот в чем. Верстая сайт на ноутбуке - было все прекрасно. А когда он показался с большого и хорошего монитора, то те 1035 пикселей ширины оказываются слишком малы для этого чуда.
Можно ли задать масштабирование всему сайту для широких экранов, к примеру в 1,25 раза или 1,5?
(Переводить все блоки в проценты не очень бы хотелось)
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.02.2016, 12:40
Ответы с готовыми решениями:

Масштабирование картинок и разные разрешения экранов
Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock">...

Универсальный фон для сайта для любых экранов
Всем доброго времени суток. Я сделал сайт для ресторана: http://рестораневропа.com. Нужно сделать...

Как адаптировать css меню для всех экранов?
как адаптировать готовое css меню для всех экранов

Dimens для разных экранов
Я хочу сделать для разных экранов разный размер шрифта. Как бы мне это сделать? Я создал папку...

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

6
ArtSmm
29 / 29 / 1
Регистрация: 07.01.2016
Сообщений: 227
29.02.2016, 13:04 2
Привет. Можно, а лучше сайт изначально делать адаптивным под разные мониторы, чтобы он везде нормально отображался. Можете код своего сайта сюда скинуть?, посмотрю. Лучше через jsfiddle.net
1
Aidera
1 / 1 / 0
Регистрация: 29.07.2015
Сообщений: 86
29.02.2016, 13:20  [ТС] 3
ArtSmm, боюсь код сайта не уместится тут и на 5ти страницах))
Но, вкратце, основное строение таково:
HTML5
1
2
3
4
5
6
7
8
<body>
<div class="fixed-header">
<div class="center">Контент хэдера</div>
</div>
<div class="body">
<div class="center">Контент тела сайта</div>
</div>
</body>


CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body{
    background:url(../img/bg-1045.png) repeat;
}
.center{
    width:1035px;
    margin:0 auto;
    position:relative;
    display:block;  
}
.fixed-header{
width:100%;
position:fixed;
height:100px;
}
.body{
width:1035px;
height:auto;
}
Добавлено через 2 минуты
ArtSmm,
если Вы хотите предложить адаптивную верстку, то я знаю как она осуществляется.
Просто ковырятся в сайте будет действительно долго, и потому я ищу именно то, что бы разом увеличило размер сайта под монитор
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2899 / 2460 / 1053
Регистрация: 15.12.2012
Сообщений: 9,102
Записей в блоге: 7
29.02.2016, 13:38 4
Лучший ответ Сообщение было отмечено Aidera как решение

Решение

Цитата Сообщение от Aidera Посмотреть сообщение
Просто ковырятся в сайте будет действительно долго, и потому я ищу именно то, что бы разом увеличило размер сайта под монитор
Интересно как Вы себе это представляете... Кроме адаптивной вёрстки здесь особо и предложить ничего нельзя... Ну, если хотите Вы конечно можете с помощью медиазапроса прикрутить к body - zoom для больших моников, но не думаю, что это рационально... Так или иначе адаптировать сайт Вам всё равно придётся, так что, чем раньше, тем лучше...
1
Aidera
1 / 1 / 0
Регистрация: 29.07.2015
Сообщений: 86
29.02.2016, 14:17  [ТС] 5
Fedor92,
Вы даже не представляете, как я боялась этого ответа, черт побери )

Добавлено через 50 секунд
Fedor92,
но с body и zoom'ом попробую

Добавлено через 34 минуты
Fedor92,
определенно сработало.
Благодарю
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2899 / 2460 / 1053
Регистрация: 15.12.2012
Сообщений: 9,102
Записей в блоге: 7
29.02.2016, 14:20 6
Цитата Сообщение от Aidera Посмотреть сообщение
Благодарю
Задумайтесь всё-таки насчёт адаптива... Понятно, что всё это муторно, но лучше идти проторенной дорогой и удачи в разработках...
0
Aidera
1 / 1 / 0
Регистрация: 29.07.2015
Сообщений: 86
29.02.2016, 14:22  [ТС] 7
Fedor92,
это само собой разумеется, но пока что не стоит и в первой десятке проблем на решение.
Выпускать интернет-магазин оказалось не так-то просто ^^
0
29.02.2016, 14:22
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.02.2016, 14:22

Подскажите как сделать разметку для разных экранов
У меня есть recyclerview в него устанавливается GridLayoutManager в 3 колонки, есть разметка itemа...

Как установить программного ориентацию для разных экранов?
Здравствуйте! Для своей программы хочу такую логику: для телефонов ориентация только вертикальная,...

Какого размера делать персонажа для разных экранов Android?
Какого размера делать персонажа для разных экранов Android? В игре будет два динамических спрайта....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru