CSS % responsywne strony.

pytanie zadane 21 lipca 2016 w HTML i CSS przez A_C Użytkownik (880 p.)

Witajcie w tym pytaniu.

Od razu zaznaczam, że moja wiedza na temat programowania jest proporcjonalna do udostępnionych odcinków Pana Zelenta. Zainteresował mnie temat procentów, w kontekście programowania w komputerze, a nie obok komputera. Nie mogę zrozumieć jednego, dla czego nie podaje się wysokości? Szerokość jako @media screen and (max - width 1440 px). To oczywiście, a co z wysokością strony? Jak później określa się wysokość elementów danej strony w procentach?

2 odpowiedzi

odpowiedź 21 lipca 2016 przez kosaa Stary wyjadacz (14,130 p.)

odpowiedź 21 lipca 2016 przez robert9620 Stary wyjadacz (11,640 p.)

Można ustawić wysokość urządzenia, ale jak pewnie wiesz większość stron skroluje się do dołu. Wysokość elementów jest mniej ważna - jeżeli coś będzie za szerokie strona się rozjedzie (będzie skrolowana do boku) lub nie zmieści się parę elementów obok siebie. Za wysokie nigdy nic nie będzie bo zazwyczaj skrolowanie w dół nie jest problemem, dlatego wysokość ustala się automatycznie w zależności od ilości treści.

komentarz 21 lipca 2016 przez A_C Użytkownik (880 p.)

To w taki razie na przykładzie prostego kodu, dla czego nie mogę zmienić wysokości diva pudło, i pozostaje takie samo jak div logo?

<body>

<div id="pudło">

<div id="logo">Lorem Ipsum  </div>

</div>


</body>

</html>

css:

* {Box-zizing:border-box;}


body
{
	width: 1440px;
	
	padding: 10px;
	border: 1px;
	solid: #888855;
	margin: auto;
	background-color: #990033;
	
	
}

@media screen and (max-width:1440px)
{
	body
	{
		width: 100%;
		height: 100%;
		
		
	}
	
	#pudło
	
	{
		width: 100%;
		height: 75%;
		
		
	}
	
	
}




#pudło
{
	
	background-color: #888855;
	text-align: center;
	position: relative;
}



#logo
	{
		background-color: #660099;
		width: 88%;
		height: 40%;
		text-align: center;
		position: relative;
		margin: auto;
	}

Nie mogę tego zmienić.