iPhone（スマホ）で背景が途中で切れてしまう時のCSS対処法
この記事は【転載】iPhone（スマホ）で背景が途中で切れてしまう時のCSS対処法に転載しています。今後、技術系のブログはリンク先ブログで更新していく予定なので、そちらもよろしくお願いいたします！ PC用ホームページ制作中にiPhoneで「背景が横幅MAXで表示されない」という状況に陥りました。 これまでにも自分で制作したPC用のホームページをiPhoneで見る事はありましたが、 初めてぶつかった問題だったので備忘録としてCSSでの解決方法を残しておきます。 原因 iphoneでは、どんなホームページを見ても同じ横幅で表示されますよね。 調べてみたところ、今回の問題はそこに原因がありました。 iPhone用のSafariは、Viewport（PCでいうウィンドウサイズ）という概念を持っていて、 デフォルトで980pxに設定がされています。 980px以上のPCサイトであっても、iPhone
100%LiFE - Web Magazine of Magazine House - スタイルのある家と暮らし
<100%LiFE Web Magazine of Magazine House - スタイルのある家と暮らし人生をフルに楽しみたい人たちへ、新しいライフスタイルマガジン『100%LiFE』。『100%LiFE』は、マガジンハウスが「スタイルのある家と暮らし」をテーマに情報発信するデジタルマガジンです。クリエイティブな感性で暮らしと空間を楽しむ人たちの交流の場となるライフスタイルメディアを目指しています。メインとなるコンテンツは、遊び心とクリエイティビティあふれる生活シーンを多様でハイクオリティな空間事例とともに紹介。またレギュラーコーナーでは、インテリア、アート、デザイン、ファッションなど、クリエイティブ分野のトレンド情報を伝えていきます。『100%LiFE』は、タブロイドPC、及びスマートフォンにも最適化し、モバイルでもストレスなく読める設計になっています。web magazine o
なぜブログ記事が書けないと悩んでいる人は、パソコンに向かってから気合を入れて文章を書こうとするのか | WP-D
はいはい、どうも。収益化担当のゴールドです。いつもお世話になっております。 さて、文章術、AdSense、アフィリエイトというテーマの記事を書いてきたわけですが、ここでまた文章術というか、そもそも文章を書くのが得意でない人向けの記事を書いてみようと思います。歴史って繰り返すんだよ（←収益化ネタが切れたわけでは・・・切れたわけでは・・・ありませｺﾞﾌｯ） 忙しい、時間がない、書き始めようとするとネタが思いつかないなど、いわゆる文章が書けないという人に共通している点の一つは、パコソンに向かって「よしやるぞ」と気合いを入れて書き始めようとする場合が多いです。いざ、気合を入れてすんなり書き始められれば良いんですが、考えこんでしまって手が動かない人がとても多いです。 そして文章が書けないことに嫌気がさして、ブログを辞めてしまう事に繋がってしまいます。 そんな人にお薦めしたい方法が、パソコンに向
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
