私のページに問題があります。
Facebook や Twitter で、ブラウザ ウィンドウのサイズを変更すると、ページがサイズ変更されていないときのように表示されます。たとえば、このコードがあり、ウィンドウのサイズを変更すると、ボックスは常にページの中央にあり、「ブロック」されません。
私のコードでページのサイズを変更しようとすると、ボックスが移動して寸法が変わります。これを避けたいです。
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<div style="width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top: -50px; margin-left: -50px; background:#ccc;"></div>
</body>
</html>
私は何ができますか？JavaScript を使用する必要がありますか?