ブログの記事の幅を広げる

はてなブログを作成した時、記事の幅が狭いなと思い、広げました。

既に他の方のブログにやり方が上げていますが、自分の為にもメモで残しときます。

やり方は簡単です。

「デザイン」→「カスタマイズ」→「デザインCSS」を選びます。
以下のように入力します。

#container{
    width:900px;
}

#wrapper{
    width:700px;
}    

#container ・・・ // ブログ全体の幅

#wrapper ・・・ // ブログ記事の幅

通常でしたら、こちらの方法で行けます。

しかし、これだとこの幅がずっと維持しているので、PC以外でタブレットなどで閲覧してしまうと、恐らくはみ出してしまうでしょう。

そうならないように、調べてみたらこちらのブログの記事に書かれていました！

はてなブログの記事領域が幅が狭いのでPCで見るときは広くして、iPadで見たときは基本のサイズになるようにした。 - さとうさんのキロク

同じように、こちらも試してみました。

@media screen and (min-width:1200px){

#content-inner{
    width:1180px;
    margin: 0 auto;
}

#wrapper{
    width: 920px;
    float: left;
}
    
}

タブレットで閲覧したいのですが、自分は持っていなかった・・・。←

いずれ買いますので、その時に確認してみます。