節約生活日記

フリーエンジニアの、仕事&子育て&節約生活などを綴っています!

 TOPへ

節約生活 ブログのデザイン変更

2013.07.29 Monday

めっちゃ久しぶりにブログのデザインを変更してみました。

それにしても最近増えてきた、I pad miniとか7インチ前後のミニタブレット!

このブログもちょいちょいタブレットで見てくれている人がいるようなので、それなり対応しておかなくてはいけない。

でも、この7インチって結構やっかいなんですよね。スマホほど小さいわけではないので、別ページに振り分けるのもなんか違うし、できればPCと同じページで対応したい。けどこれがなかなか難しい・・・(━_━)ゝウーム

I pad miniだと画面解像度「768×1024」だからね・・・まあ縦はスクロールで良いとして、横スクロールなんて不細工なことにならないように、768px以内に収める。尚且つPCと兼用でどちらで見ても違和感のないようになんて( ̄へ ̄|||)デキルカ!!

まあベターなのは、中央に768pxのボックスを配置して、左右にマージンって方法。やってみたけど、なんか芸がない。( ̄-  ̄ ) ンー
PCでブラウザを最大サイズで見たときに左右のマージン多すぎでしょ!

根っから貧乏性なもんで、この左右のマージンはゆるせませんぜ!

そこで、辿り着いたのが、boxのサイズおよびマージンを「%」の相対値で指定する方法!つまり、画面サイズに合わせてboxが大きくなったり小さくなったりする!

これならどの媒体で見ても無駄がない(はず)!

それにしても、画面サイズの企画そろそろ統一してくれんかな〜┐(-。ー;)┌

因みにこのブログは、 ロリポップ! レンタルサーバーです!

cssとhtmlのカスタマイズOKなんで、引っ越してこない!?笑



コメント
コメントする









この記事のトラックバックURL
トラックバック機能は終了しました。
トラックバック

<< マルバツクイズのサイトオープン! ←前|次→バムとケロの絵本がおもろい >>


人気の節約コンテンツ by ミャア先生の節約マニュアル
生活の知恵節約生活の知恵!
簡単節約術節約術で節約!!
買い物の節約買い物で節約!!
副収入お手軽副収入!!
節約リフォームリフォームで節約!!
一人暮らし一人暮らしの節約!!
節約グッズグッズで節約!!
水道代の節約水道代の節約術!
電気代の節約電気代の節約術!
ガス代の節約ガス代の節約術!
生活の知恵電話代の節約術!
生活の知恵諸経費の節約術!
生活の知恵食費の節約術!
生活の知恵冷暖房の節約術!
生活の知恵自動車の節約術!
節約生活プロフィール

管理人:ミャア先生

このブログは、節約生活の色々な出来事を日記で紹介するはずでしたが・・・最近は単なる管理人ブログと化しています。タイトルに釣られてやって来た人は、なるべく過去の記事を読んでみてください(笑)たまに真面目な記事も書いてます。


節約生活最近の記事


節約生活最近のコメント

節約生活最近のトラックバック