中央の要素の大きさ限定、ウィンドウの縦横比限定、色々条件あり、地域限定。
html {
display : block ;
width : 100% ;
height : 100% ;
margin : 0 ;
padding : 0 ;
}
body {
display : block ;
width : 97.5% ;
height : 62.5% ;
margin : 0 ;
padding : 1.25% ;
}
div {
display : block ;
width : 25% ;
height : 25% ;
position : absolute ;
top : 37.5% ;
left : 37.5% ;
padding : 0 ;
text-align : center ;
color : white ;
background-color : black ;
}
なんとなく真ん中のような気がするね♪