回答率

90.85%

JavaScriptを有効にしてください

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

受付中

回答

1
レスポンシブデザインでGoogle AdSenseを使える？

Twitter Bootstrapを使って、画面の横幅に応じてスマホ用デザインとPC用デザインが切り替わるレスポンシブデザインのサイトを作っています。このようなサイトでGoogle AdSenseは使えるのでしょうか。画面が広い（PC用）場合は２カラムレイアウトになっておりサイドバーに広告を載せる予定ですが、画面の横幅が狭い（スマホ用）場合は、サイドバ
- 0評価
- 208PV
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  848questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
退会済みユーザー 3日前に回答
受付中

回答

1
非レスポンスティブデザインのテンプレートを探しています。

表記の件につきまして質問いたします。以下、レスポンスティブデザインフレームワーク・Bootstrap ・Foundation ・Pure ・・・などのフレームワークでなくＰＣ専用のデザインフレームワークとしてツールを探しています。 Bootstrapの可変サイズ対応を無効にして利用する方法もございますが、諸事情により使
- 0評価
- 468PV
- デザイン
  
  83questions
  
  プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  848questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
退会済みユーザー 3日前に回答
解決済

回答

1
assets/images以下にフォルダを作成した時の呼び出し方

実現したいこと Railsのproduction環境で，cssを使ってパソコンとスマートフォンで画像を切り替えられるようにしたいと思っています．現在考えられる対応方法 assets/images配下に名前を変えた2種類の画像を両方置けば @media only screen and (max-width: XXXpx) { .exsampl
- 0評価
- 43PV
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- Ruby
  
  6751questions
  
  Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。
- Heroku
  
  720questions
  
  HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース（Java、Scala、Clojureなど）の複数のプログラミング言語をサポートしている。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Ruby on Rails 5
  
  1092questions
gym 1週間前に回答
受付中

回答

0
スマートフォンのリサイズイベントを無視する

スマートフォンのリサイズイベントを無視する現在Vegas （https://vegas.jaysalvat.com/）を使用して背景に画像が画面いっぱいになるスライドショーを実装しています。スマートフォンでテストしたところ、スクロール時にリサイズイベントが起こってしまい背景画像が大きくなったり小さくなったりしてしまいます。皆様の知恵をお借りできれ
- 0評価
- 76PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
teratailが3週間前にアップデート
解決済

回答

1
iPhoneの横向きモードのときの、viewportの設定が、うまくいかなくて困ってます。

前提レスポンシブで、サイトを作っているのですが、viewportの設定のせいか、望み通りの表示になりません。実現したいこと通常のスマホ縦向きと、PCとで分けて作っていたのですが、急遽スマホ横向きを表示しなくてはならなくなりました。不具合、困りごとスマホ横向きのときに下記のように1200pxに合わせて表示してくれたらいいのに、アクセスする
- 0評価
- 126PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- HTML
  
  8045questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- iPhone
  
  920questions
  
  iPhoneとは、アップル社が開発・販売しているスマートフォンです。同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。
teruri 1ヶ月前に質問を編集
解決済

回答

6
レスポンシブCSSでテキストをアニメーションしながら拡大縮小する方法

レスポンシブができません。当該のファイルを書いても、ニューっという感じでメニューが拡大縮小されません。普通にレスポンシブに対応するためにはどうしたらいいんでしょうか？該当のサンプルページですが、この様にしたいんです。 http://www.webdesignleaves.com/samples/resposive/SlickNav/slic
- -3評価
- 133PV
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  6145questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
ebifurai55 1ヶ月前にベストアンサー
受付中

回答

1
html の <br> タグに隙間

レスポンシブサイトで文章の改行を制御するために対象の <br> タグにクラスを設定して、ブレークポイントで非表示にしています。適用したところは改行されませんが半角スペースのような空きが出てしまいます。 <br>はインライン要素だからなのかどうか理由が定かではありませんが、よく言われる下記のような方法では解決できません。例）ほげほげ<br> ほげほげ
- 0評価
- 107PV
- HTML
  
  8045questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
yambejp 1ヶ月前に回答
受付中

回答

0
jQueryでページ内リンクのずれを解消しましたが、タブレットとスマホ表示の時の、一度目のクリックで...

jQueryでページ内リンクのずれを解消したのですが、タブレットとスマホ表示の時の、一度目のクリックでのみ、ずれが解消できません。 jQuery(function(){ // ★　任意のズレ高さピクセル数を入力　↓ var headerHight = 100; // #で始まるアンカーをクリックした場合に処理 jQuery('
- 0評価
- 100PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  6145questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
teratailが1ヶ月前にアップデート
解決済

回答

1
レスポンシブの際に、jQueryを、PC表示とタブレットでは使用せず、スマホ表示の時だけ使用する方法...

以下のハンバーガーメニューのjQueryをホームページに搭載すると、jQueryがPC表示とタブレット表示の時まで動作して閉じてしまいます。 /* 開いている必要はないので、ハンバーガーメニューを収束 */ $('.hamburger-nav-list').slideUp(function() {**__この部分です。__** スマホ表示の時にだ
- 0評価
- 144PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  6145questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
kei344 2ヶ月前にベストアンサー
解決済

回答

2
jqueryでのスライドショー部分のレスポンシブ

現在サイトを制作しているのですがそこでスライドショーを実装することになりました。プラグインを使わないでスライドショーの方を実装することになり調べるとこちらのサイトに書いてあったので参考にさせてもらったのですが動作はうまくいったのですが、画像のサイズが大きいので見切れてしまうのでレスポンシブを適応したいのですがうまくいきません。現在コードはこうなっています。
- 0評価
- 115PV
- jQuery
  
  6145questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
sugar1224 2ヶ月前にベストアンサー
解決済

回答

2
フルスクリーン写真をスマホで見た際に下部のメニューバーが含まれる

前提・実現したいことスライドショープラグインのslickを使用して背景としてフルスクリーン表示しています。 PCだと問題ないのですが、スマホで見た際に下部メニューバーの高さまで写真が表示されてしまいます。このメニューバーを含めずスライドショーを表示したいのです。下記サイトは動画ですがフルスクリーンのイメージです。 http://www.greenpa
- -3評価
- 131PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  6145questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- jQueryプラグイン
  
  445questions
  
  jQueryの拡張機能。様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
rap13587 3ヶ月前にベストアンサー
受付中

回答

1
footerのブロックの大きさが変わらない。

現在websiteを作成している途中ですが、footerの作成の中でつまづいてしまったので、ここで質問させていただきます。画像のように水色のブロックが見れると思いますが、いろんな修正を加えても、この部分がなぜかこの大きさが変わりません。どれかのブロックにwidthを指定すれば、もちろん大きさは変わるのですが、今回は、レスポンシブデザインを作ってい
- 0評価
- 447PV
- CSS3
  
  1851questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3598questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- React.js
  
  654questions
  
  Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。
HayatoKamono 3ヶ月前に回答を編集
受付中

回答

4
javascriptでcssのクラス変更

現在javascriptを勉強中の身で自分のポートフォリオサイトを作っていましてそこである横幅のサイズウインドウになったらcssのスタイルを変更したいなって考えて調べて自分なりに作ってみたのですがうまくいきません。 var windowWidth = $(window).width(); var windowSm = 767; v
- -3評価
- 184PV
- JavaScript
  
  14770questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
asahina1979 3ヶ月前に回答
解決済

回答

1
WordpressのSydneyで中央寄せ

WordpressでSydneyというテーマを使用しています。パソコンなどの比較的大きいディスプレイで見た時に、テキスト全体を中央寄せにして左右に多く余白を持ちたいのですが、どこをどう変更すればいいか教えてください。（iPhoneなどでは見やすいようにレスポンシブ対応でよろしくお願いいたします。）初心者なものですみません。おそらくこのあたりだと思うの
- -1評価
- 173PV
- WordPress
  
  6408questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
aozuki 3ヶ月前にベストアンサー
解決済

回答

2
レスポンシブサイトで文字を縦横中央にしたい。

レスポンシブサイトを作っています。（北朝鮮っぽいのはネタで作っているだけです）下記の黄色の文字の部分を北朝鮮の国旗の縦の中央寄せにしたいのですが、うまくいきません。よい方法はありますでしょうか？ <html> <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/c
- 0評価
- 172PV
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- HTML5
  
  3598questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
退会済みユーザー 4ヶ月前にベストアンサー
解決済

回答

3
親要素に子要素の背景をつける事は可能でしょうか？

初心者の質問です。質問内容が無理難題でしたら、申し訳ありません。親要素に子要素が重なるような背景を CSSで記述することは可能でしょうか？＜注意事項＞ ※背景用のDIV（要素）を加えることはできない場合 ※レスポンシブに対応したCSS ※子要素の内容が増えると合わせて背景も長くなる
- 0評価
- 523PV
- CSS3
  
  1851questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3598questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
riok 4ヶ月前にコメント
解決済

回答

2
レスポンシブデザインでtdタグをdisplay:list-itemにして最初の「・」だけ表示したい

レスポンシブデザインで tdタグをスマホ（max-width:480px）で見た時は list-itemにしさらに「・」を非表示にしています。スマホ（max-width:480px）で見た時に最初の「・」だけ表示しあとは非表示にしたいのですが、できますか。できるのであれば、やり方を教えてください。 <!DOCTYPE html> <html
- 0評価
- 176PV
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
idkohhi 4ヶ月前にコメント
解決済

回答

2
widthがpx指定されたPCサイトをレスポンシブ対応したい

HTML、CSS初学者です。うまく質問ができずにすみません。 HTML、CSSの勉強のため、既存PCサイト(http://sugoiweb.nezihiko.com/)のレスポンシブサイトを作成しています。(削除) https://karujag.github.io/sugoi/ PCサイトは既存サイトの幅を確認しながら作りました。全体を囲むa
- 0評価
- 142PV
- HTML
  
  8045questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
karujag 4ヶ月前に回答
解決済

回答

3
レスポンシブ対応で、スマホを横向きにした時に画面が拡大して表示されてしまう。

現在、企業のリクルートサイトをレスポンシブ対応で作成中です。 http://p56.proto.develop.lionheart.co.jp/job/newgraduate/ スマホを縦にして見た時はいいのですが、横向きにすると画面が拡大して表示されてしまいます。レスポンシブのブレイクポイントは768pxに指定しているので、横向きサイズでも対応
- 0評価
- 343PV
- CSS
  
  5143questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
mts10806 4ヶ月前にコメント
解決済

回答

1
レスポンシブデザインが実機でうまく効いてくれません

現在、WEBページの制作を行なっているのですが、スマホ用とPC用で、トップページの画像を切り替える、と行ったような実装を行なっております。しかし、PCのブラウザ(chromeやsafari)のレスポンシブモードではうまく表示が切り替わるのに、実機（iphone7）で見るとうまく表示が切り替わっていません。（chromeやsafariのレスポンシブ
- 0評価
- 440PV
- CSS3
  
  1851questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3598questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  196questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
sk_3122 4ヶ月前にベストアンサー

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

186人
総質問数

196件
今週の質問数

0件

タグ別ランキング

1

kei344

score 170

JavaScript

WordPress

PHP
2

aKusano

score 158

CSS

HTML

HTML5
3

s8_chu

score 74

HTML

JavaScript

CSS
4

gin

score 44

CSS

HTML

HTML5
5

aozuki

score 42

WordPress

PHP

HTML
6

mts10806

score 40

PHP

JavaScript

HTML
7

T_sa

score 38

CSS

HTML

HTML5
8

Lhankor_Mhy

score 37

JavaScript

jQuery

HTML
9

hiim

score 30

PHP

HTML

JavaScript
10

MasakazuFukami

score 29

JavaScript

CSS

HTML

ランキングをもっと見る >

タグ別ランキング

1

s8_chu

score 2

HTML

JavaScript

CSS
2

sousuke

score 2

JavaScript

CSS

HTML
3

mix-peach

score 2

PHP

JavaScript

Laravel 5

ランキングをもっと見る >

タグ別ランキング

1

s8_chu

score 2

HTML

JavaScript

CSS

ランキングをもっと見る >

関連するタグ

Pepper

22questions

Pepperとは、SoftBankモバイル向けにアルデバラン・ロボティクス社が開発した人型ロボットです。周囲を把握するための3Dカメラや、障害物を回避する超音波システム、触覚センサーを搭載しています。ユーザーへの対応を学習し、言語やジェスチャーを変更することもできます。
ウェブブラウザ

6questions

ウェブブラウザ(インターネットブラウザ)とは、www上に公開されている情報リソースをユーザーに視覚的提供・操作させる機能を持ったソフトウェアプログラムです。
コンストラクタ

27questions

オブジェクト指向言語において、オブジェクトを生成時に呼び出され、データの初期化などを行なう関数・メソッドのことである。
ロケーション

3questions

ロケーションとは物理的スペースにおける特定の場所を表します。または緯度と経度を用いて示される地球上の座標をロケーションと呼びます。
Hack

4questions

Hackは、Facebookが開発したオープンソースのプログラミング言語。同社が開発したHipHop仮想マシン (HHVM) で動作します。静的型付言語でPHPとの互換性を持ちますが、PHPより動作が早いことが特徴です。
Collections API

1questions

Collections APIは開発者に複数のクラスやインターフェイスを供給し、多くのオブジェクトを扱いやすくします。
Keras-RL

5questions
Windows 7

346questions

Microsoft Windows 7は過去にリリースされたMicrosoft WindowsのOSであり、Windows8の1代前です。2009年の7月にリリースされ販売されました。Windows7の前はWindowsVistaで、その更に3年前にリリースされました。
iPad

134questions

iPadは、Appleがデザインしたタブレット型コンピュータです。iPadアプリケーションは通常Xcode IDEのObjective-Cで書かれますが、iPadアプリケーションを組むためのほかのツールを使うことも可能です。
Redis

91questions

Redisは、オープンソースのkey-valueデータストアで、NoSQLに分類されます。すべてのデータをメモリ上に保存するため、処理が極めて高速です。

レスポンシブWebデザインタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る