回答率

90.61%

JavaScriptを有効にしてください

レスポンシブWebデザイン

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

受付中

回答

1
WordPressで、メディアクエリがきちんと動作しません
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- WordPress
  
  6983questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 59PV
tabuu 21時間前にコメント
受付中

回答

1
リンクに画像を指定した場合のサイズ変更の仕方
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3887questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 70PV
IKIX 1週間前に回答
解決済

回答

1
Wordpress記事一覧の列数のレスポンシブデザインのCSSでの実現方法
- PHP
  
  19879questions
  
  PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- WordPress
  
  6983questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 607PV
hassan_x 3週間前にコメント
解決済

回答

1
スマートフォンのリサイズイベントを無視する
- JavaScript
  
  15961questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 1評価
- 2クリップ
- 174PV
AyanoAK 1ヶ月前にコメント
解決済

回答

2
bootstrapで３カラム→１カラムのデザインにしたい
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3887questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  922questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- 0評価
- 0クリップ
- 117PV
chocolatehouse 1ヶ月前にコメント
受付中

回答

1
Wordpress（ブログ）のスマホからの表示について
- WordPress
  
  6983questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 181PV
yoooooko 1ヶ月前にコメント
解決済

回答

1
メディアクエリ内でmargin:autoが効かない
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3887questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  922questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- 0評価
- 0クリップ
- 347PV
chocolatehouse 1ヶ月前にベストアンサー
解決済

回答

1
メディアクエリ内のmax-widthが効かない
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- HTML5
  
  3887questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  922questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- 0評価
- 0クリップ
- 91PV
chocolatehouse 1ヶ月前にベストアンサー
受付中

回答

2
PCサイトからSPサイトにした際のレイアウト変更について
- HTML
  
  8692questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- -1評価
- 0クリップ
- 109PV
liveAsNotes 1ヶ月前に回答
解決済

回答

1
PCは横スクロール、スマホは縦スクロールするWEBサイトを作成しています。デバイスの判定について
- JavaScript
  
  15961questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- jQuery
  
  6547questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 114PV
mix-peach 1ヶ月前にコメント
受付中

回答

1
トップページのレスポンシブ対応
- WordPress
  
  6983questions
  
  WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 72PV
aKusano 2ヶ月前に回答
解決済

回答

1
@media not screen, screenの意味が分からない
- CSS3
  
  1990questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 380PV
sooryung 2ヶ月前にベストアンサー
受付中

回答

0
レスポンシブデザインでGoogle AdSenseを使える？
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  922questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- 0評価
- 2クリップ
- 237PV
退会済みユーザー 2ヶ月前に回答
受付中

回答

0
非レスポンスティブデザインのテンプレートを探しています。
- デザイン
  
  86questions
  
  プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Bootstrap
  
  922questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- 0評価
- 0クリップ
- 503PV
退会済みユーザー 2ヶ月前に回答
解決済

回答

1
assets/images以下にフォルダを作成した時の呼び出し方
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- Ruby
  
  7351questions
  
  Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。
- Heroku
  
  825questions
  
  HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース（Java、Scala、Clojureなど）の複数のプログラミング言語をサポートしている。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- Ruby on Rails 5
  
  1553questions
- 0評価
- 0クリップ
- 102PV
gym 2ヶ月前に回答
解決済

回答

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

回答

6
レスポンシブCSSでテキストをアニメーションしながら拡大縮小する方法
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- jQuery
  
  6547questions
  
  jQueryは、JavaScriptライブラリのひとつです。簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- -3評価
- 0クリップ
- 190PV
ebifurai55 3ヶ月前にベストアンサー
受付中

回答

1
html の <br> タグに隙間
- HTML
  
  8692questions
  
  HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
- CSS
  
  5592questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- レスポンシブWebデザイン
  
  206questions
  
  レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。
- 0評価
- 0クリップ
- 165PV
yambejp 4ヶ月前に回答
受付中

回答

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

回答

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

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

195人
総質問数

206件
今週の質問数

1件

タグ別ランキング

1

kei344

score 170

JavaScript

WordPress

PHP
2

aKusano

score 164

CSS

HTML

HTML5
3

s8_chu

score 79

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

liveAsNotes

score 7

CSS

HTML

HTML5
2

miz

score 5

WordPress

PHP

CSS
3

s8_chu

score 5

HTML

JavaScript

CSS
4

mix-peach

score 5

PHP

JavaScript

Laravel 5
5

macaron_xxx

score 5

Google Apps Script

JavaScript

CSS
6

drunkdoll

score 2

WordPress

jQuery

CSS
7

IKIX

score 2

CSS

JavaScript

Bootstrap
8

yoshinavi

score 2

CSS

HTML

CSS3
9

hassan_x

score 2

PHP

PDO

MySQL
10

_lemon2003_

score 2

JavaScript

jQuery

HTML

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

タグ別ランキング

1

tabuu

score 2

WordPress

PHP

CSS

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

関連するタグ

POST

225questions

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。
Dreamweaver

119questions

Dreamweaverは、アドビシステムズ（株）が開発したWebページ作成ソフトです。 HTMLやXHTMLだけでなく、PHPやASPなどのサイバーサイドスクリプトの編集も可能で、 OracleやMicrosoftSQLServerなどの、データベースとの連携機能もあります。 Webデザイナーなどの専門業界で圧倒的なシェアを誇っているソフトです。
パフォーマンス

21questions

コード効率の向上や計算に関する質問には、このタグを使ってください。
Amazon DynamoDB

3questions
モーダルダイアログ

13questions

モーダルダイアログとは、ユーザーに重要な情報を表示するときに用いられる視覚的なダイアログのことを指します。これらのダイアログは他のすべてのコンテンツの上に表示され、ユーザーの入力を受けるまでアプリケーションフローは停止されます。
Tessel

1questions

Tesselは、Node.jsのJavaScript環境を用いてハードウェア制御ができるマイコンボードです。インターネットからWi-Fi経由でコーディングを行うなどのコントロールが可能になります。iOS/Androidアプリが用意されており、初期設定のUIだけでなくHTML/CSSも使用可能です。
Microsoft Edge

3questions
公開鍵認証

26questions

公開鍵認証とは、公開鍵と秘密鍵の２つの鍵の組を利用する、SSHで利用される認証方式です。
Windows Installer XML

3questions

Windows Installer XML（WiX）はXMLソースコードからWindows導入パッケージを組めるツールセットです。このツールセットは、開発者がMSIとMSMセットアップパッケージを組むためにプロセスを統合する可能性のあるコマンドライン環境に対応しています。
Server

101questions

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

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