Zaloguj | Zarejestruj | FAQ
Anonymous

Auto Resize div

+ Odpowiedz

Posty: 3 Strona 1 z 1


Auto Resize div

przez joe1211 » N cze 15, 2014 1:40 am

What is the best way to auto resize the div element when screen size changes (responsive design) !
Avatar użytkownika

joe1211

  • Posty: 3
  • Dołączył(a): So cze 14, 2014 10:55 pm

Re: Auto Resize div

przez merlin » N cze 15, 2014 9:53 pm

You could try this.


<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">
<title> </title>
<link rel="stylesheet" href=".css">
<script src=".js"> </script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<head>

<style>

h1
{
text-align:center;
margin-bottom:30px;
}

body
{
background:#ffdab9;
}

main
{

border:5px solid blue;
height:500px;

display: -webkit-flex;
display: flex;

-webkit-justify-content:center;
justify-content:center;

-webkit-align-items:center;
align-items:center;

-webkit-flex:1 1 auto;
flex:1 1 auto;
}

main div
{
min-width:90%;
border:5px solid red;
text-align:center;
font-size:2em;
}

</style>

</head>

<body>

<h1>FLEXIBLE DIV</h1>

<main>

<div >
<p> TEST</p>
</div>

</main>

</body>
</html>
Avatar użytkownika

merlin

  • Posty: 44
  • Dołączył(a): N gru 19, 2010 3:31 pm

Re: Auto Resize div

przez nanoverso » Pn cze 16, 2014 1:35 am

There are excellent open source frameworks out there who help manage the aspects of responsive design features, like Bootstrap from Twitter team and Foundation by Zurb.
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.


+ Odpowiedz

Strona 1 z 1