スマートフォンサイト

スマートフォンサイト

【スマホ】iPhoneでフォームの入力欄が自動拡大するのを防ぐ方法

レスポンシブサイトやスマートフォンサイトのメールフォームを作成した際に、入力欄に入力しようとすると画面が拡大されることがあります。こちらを回避する方法をメモしておきます。 入力欄の「font-size」を16px以上にする スタイル...
スマートフォンサイト

【スマホ】スマートフォンで見ると、画像の縦横が逆に表示される原因と対処法

PCで閲覧すると問題ないのに、スマートフォンで見ると画像の縦横が逆に表示される場合がありました。 その場合の対処法をメモしておきます。
Javascript

【レスポンシブサイト】スマホ表示時のみ電話番号をクリックできるようにする設定

レスポンシブサイトを作成する際、スマートフォンで閲覧している時のみ電話番号をクリックして電話発信ができるようにしたいときがあるかと思います。(逆を言うと、パソコンで閲覧している時は、電話番号をクリックできないようにしたい) その際の設定を...
jQueryプラグイン

【JS】レスポンシブ対応のカレンダー

レスポンシブサイトを作成する際に、カレンダーの表示方法を悩む事があるかと覆います。 PC用のカレンダーを縮小すると、文字が見えにくくなったり、異様にテキストが縦長で見づらくなるかと思います。 そんな煩わしさを解決してくれるjQuer...
jQueryプラグイン

【JS】横スライドメニューの設置メモ

スマートフォンサイトのヘッダーによくある「横スライドメニュー」の設置方法をメモしておきます。
CSS

【SASS】CSS3で作る簡単グラデーション+画像ボタン(Compass活用)

CSS3から、グラデーションや角丸を使ったボタンを、画像を使用せず作れるようになりました。 画面幅が変動するレスポンシブサイト、スマートフォンやタブレット対応などの際は、特に画像を使わないボタンが大活躍します。 今回は、可変に対応した、...
スマートフォンサイト

【SP】ポップアップでスマホサイトへの切り替えを表示する方法

スマートフォンでPCサイトにアクセスした際に、ポップアップでスマートフォンサイトへの切り替えを表示する方法をメモしておきます。
CSS

【スマホ】PCサイトをスマホで見たら崩れる場合の対処法

PCサイトをスマートフォンで見ると、デザインが崩れる場合があります。 横幅が切れていたり、背景画像が崩れていた時の対処法をメモしておきます。
タイトルとURLをコピーしました