ミドリデザインワークスHOMEABOUTWORKSBLOGお問合せHOMEABOUTWORKSBLOGお問合せ最近の投稿メタタグ1行追加で画像リンクがhttp→httpsに!SSL化作業の効率化に一役。2018/07/20アナリティクスのデータが削除される?まだ間に合うデータ保持変更の設定。2018/05/07ブログ作成にGoogle音声入力ツールを使ってみて気がついたこと2018/02/02アナリティクスで自分のアクセスはいらない。動的IPアドレスを除外した解析データのとり方2017/08/28「一生続ける技術」著書の青木仁志さんの無料セミナーに行ってきました。2016/12/16「トップページを画面全体に合わせたい」でも変な隙間ができちゃう...。そんなことありませんか?スマホとPCでは比率が違うため、全く同じ見せ方は出来ないものの、画面全体に合わせることは可能です。id="home">ここにはコンテンツ<div>としてください。id名はお好きなものを。今回はhomeにしました。center;}となります。「背景画像で画面全体を覆う」ために必要な要素ですので、省略せずに使った方がエラーが少ないと思います。→デモをみる今回の画像の場合は、スマホで見た時に画面高さに合わせて表示されるため、このままでは画像の中央部分が切り出されたような状態になってしましたましたので、調整してみます。→デモをみる画像の開始位置について(background-position)background-positioは、いくつかの方法で設定が可能です。30px;pxで指定する(それぞれ上下・左右の設定)さて、今回スマホ用に「開始位置を調整したデモ」は上記とは別のやり方をとっています。CSS3では上記の設定のほか、新たに「下から」「右から」の設定も出来るようになりました。0px;細かな調整がしやすくなって大変便利ですね。背景画像を指定するBOXのid名。今回は#homeとしています。書いてあるものはベンダープレフィックスといって、ブラウザ間の相違を無くす表記です以上となります。上手い説明が出来ていなかったかもしれません、ゴメンナサイ。最後までお読みいただき有難うございました。Midori空間バランスの良いデザインを得意とします。「育てていくサイト作り」をコンセプトにサイト制作をしています。制作事例BLOGお問合せ。