Untitled

<?php

// Ytans dimensioner
$Hy=1280;
$By=720;
// Rutans dimensioner
$Br=960;
$Hr=720;
// Antal rutor
$N=21;
// Anta att alla rutor får plats på en rad
$NB=$N;
$NH=1;
// Förhållandet mellan rutan och ytan
$CH=$Hr/$Hy;
$CB=$Br/$By;
// Loopa tills att alla rutor rymms inom ytan
//  med så lite spill som möjligt
while (true):
    // tar reda på vilken dimension som begränsar X mest
    if ($NB*$CB < $NH*$CH):
        $X=1/($NH*$CH);
    else:
        $X=1/($NB*$CB);
    endif;

    // kollar om det får plats fler rutor av omskalad storlek
    if (1/($CH*$X)-$NH > 1):
        // om det får plats fler -> distribuera om
        $NB=ceil($N/($NH+1)); // ceil avrundar uppåt
        $NH=$NH+1;
    else:
        // Inga fler rutor får plats utanför matrisen
        break;
    endif;
endwhile;


$new_box_width = $Br * $X;
$new_box_height = $Hr * $X;

?>
<html>
<head>
    <style>
        .area {
            width: <?php echo $videoWidth; ?>px;
            height: <?php echo $videoHeight ?>px;
            border: 1px solid red;
            left: 50%;
            text-align: center;
            line-height: 0;
        }
        .box {
            width: <?php echo $new_box_width - 10; ?>px;
            height: <?php echo $new_box_height - 10; ?>px;
            font-size: 0px;
            display: inline-block;
            background: #0C0;
            margin: 5px 5px 0 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div class="area">
    <?php for ($i=0; $i < $N; $i++) { ?>
    <div class="box"></div>
    <?php } ?>
</div>
</body>
</html>