Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Масштабирование / 4 сообщений из 4, страница 1 из 1
30.12.2015, 20:01
    #39140846
enakenenaken
enakenenaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Масштабирование
Привет всем. Я освоил базовый курс html, но так и не понял, как сделать, чтобы блоки div для разных разрешений экрана отображались одинаково без вёрстки процентами. Пиксели ведь фиксированы. А процент приводит к тому, что блоки сами по себе не уменьшаются и не увеличиваются при масштабировании. И опять же у div float=left, поэтому когда я масштабирую в браузере, если размер указан в пикселях, то блоки уменьшаются и уезжают налево. Как сделать, чтобы блоки смещались к центру?

Код: html
1.
2.
3.
4.
5.
6.
section.sect_menu {
	min-height:100%;
	min-width:20%;
	float:left;
	background:green;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.12.2015, 20:17
    #39140849
enakenenaken
enakenenaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Масштабирование
enakenenaken,

Уточню, а то в вопросе вода.

Вот я сделал блок по центру. Я точно знаю, что при любом разрешении экрана он будет по центру.
А если я хочу с пикселями работать? Пиксели в каждом разрешении разные. Можно ли как ни будь средствами html сделать также, как в этой конструкции, но пикселями?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
section.sect_menu {
	height:100%;
	width:20%;
	float:left;
	background:green;
	margin-Left: 40%;
	margin-right:40%;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.01.2016, 23:02
    #39141319
Тshаmil
Тshаmil
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Масштабирование
enakenenakenenakenenaken,

Уточню, а то в вопросе вода.

Вот я сделал блок по центру. Я точно знаю, что при любом разрешении экрана он будет по центру.
А если я хочу с пикселями работать? Пиксели в каждом разрешении разные. Можно ли как ни будь средствами html сделать также, как в этой конструкции, но пикселями?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
section.sect_menu {
	height:100%;
	width:20%;
	float:left;
	background:green;
	margin-Left: 40%;
	margin-right:40%;
}


это не html а css.
средствами обычного css такого сделать нельзя. Можно сделать с помощью less или sass, но в итоге код на less или sass все равно транслирует твои пикселы в проценты для результирующего css файла.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2016, 13:01
    #39143324
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Масштабирование
enakenenakenА если я хочу с пикселями работать?
Вот вроде и с пикселями... И по центру...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	justify-content: center;
	align-items: center;
}
body {
	display: flex;
}
div {
	width: 100px;
	height: 100px;
	background-color: green;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div></div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Масштабирование / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]