レスポンシブWebデザイン

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

RSS
  • 受付中

    回答
    1

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

    Twitter Bootstrapを使って、画面の横幅に応じてスマホ用デザインとPC用デザインが切り替わるレスポンシブデザインのサイトを作っています。このようなサイトでGoogle AdSenseは使えるのでしょうか。 画面が広い(PC用)場合は2カラムレイアウトになっておりサイドバーに広告を載せる予定ですが、画面の横幅が狭い(スマホ用)場合は、サイドバ

    • 0評価
    • 208PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 受付中

    回答
    1

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

    表記の件につきまして質問いたします。 以下、レスポンスティブデザインフレームワーク ・Bootstrap ・Foundation ・Pure ・・・などのフレームワークでなく PC専用のデザインフレームワークとしてツールを探しています。 Bootstrapの可変サイズ対応を無効にして利用する方法もございますが、諸事情により 使

    • 0評価
    • 468PV
    mskgjtnn 退会済みユーザー 3日前に 回答
  • 解決済

    回答
    1

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

    実現したいこと Railsのproduction環境で,cssを使ってパソコンとスマートフォンで画像を切り替えられるようにしたいと思っています. 現在考えられる対応方法 assets/images配下に名前を変えた2種類の画像を両方置けば @media only screen and (max-width: XXXpx) { .exsampl

    • 0評価
    • 43PV
    gym gym 1週間前に 回答
  • 受付中

    回答
    0

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

    スマートフォンのリサイズイベントを無視する 現在Vegas (https://vegas.jaysalvat.com/)を使用して背景に画像が画面いっぱいになるスライドショーを実装しています。 スマートフォンでテストしたところ、スクロール時にリサイズイベントが起こってしまい背景画像が大きくなったり小さくなったりしてしまいます。 皆様の知恵をお借りできれ

    • 0評価
    • 76PV
    teratailが3週間前に アップデート
  • 解決済

    回答
    1

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

    前提 レスポンシブで、サイトを作っているのですが、viewportの設定のせいか、望み通りの表示になりません。 実現したいこと 通常のスマホ縦向きと、PCとで分けて作っていたのですが、 急遽スマホ横向きを表示しなくてはならなくなりました。 不具合、困りごと スマホ横向きのときに下記のように1200pxに合わせて表示してくれたらいいのに、 アクセスする

    • 0評価
    • 126PV
    teruri teruri 1ヶ月前に 質問を編集
  • 解決済

    回答
    6

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

    レスポンシブができません。 当該のファイルを書いても、ニューっという感じでメニューが拡大縮小 されません。普通にレスポンシブに対応するためにはどうしたらいいんでしょうか? 該当のサンプルページですが、この様にしたいんです。 http://www.webdesignleaves.com/samples/resposive/SlickNav/slic

    • -3評価
    • 133PV
    ebifurai55 ebifurai55 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    html の <br> タグに隙間

    レスポンシブサイトで文章の改行を制御するために対象の <br> タグにクラスを設定して、ブレークポイントで非表示にしています。 適用したところは改行されませんが半角スペースのような空きが出てしまいます。 <br>はインライン要素だからなのかどうか理由が定かではありませんが、よく言われる下記のような方法では解決できません。 例) ほげほげ<br> ほげほげ

    • 0評価
    • 107PV
    yambejp yambejp 1ヶ月前に 回答
  • 受付中

    回答
    0

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

    jQueryでページ内リンクのずれを解消したのですが、タブレットとスマホ表示の時の、一度目のクリックでのみ、ずれが解消できません。 jQuery(function(){ // ★ 任意のズレ高さピクセル数を入力 ↓ var headerHight = 100; // #で始まるアンカーをクリックした場合に処理 jQuery('

    • 0評価
    • 100PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

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

    以下のハンバーガーメニューのjQueryをホームページに搭載すると、jQueryがPC表示とタブレット表示の時まで動作して閉じてしまいます。 /* 開いている必要はないので、ハンバーガーメニューを収束 */ $('.hamburger-nav-list').slideUp(function() {**__この部分です。__** スマホ表示の時にだ

    • 0評価
    • 144PV
    kei344 kei344 2ヶ月前に ベストアンサー
  • 解決済

    回答
    2

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

    現在サイトを制作しているのですがそこでスライドショーを実装することになりました。プラグインを使わないでスライドショーの方を実装することになり調べるとこちらのサイトに書いてあったので参考にさせてもらったのですが動作はうまくいったのですが、画像のサイズが大きいので見切れてしまうのでレスポンシブを適応したいのですがうまくいきません。現在コードはこうなっています。

    • 0評価
    • 115PV
    sugar1224 sugar1224 2ヶ月前に ベストアンサー
  • 解決済

    回答
    2

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

    前提・実現したいこと スライドショープラグインのslickを使用して背景としてフルスクリーン表示しています。 PCだと問題ないのですが、スマホで見た際に下部メニューバーの高さまで写真が表示されてしまいます。 このメニューバーを含めずスライドショーを表示したいのです。 下記サイトは動画ですがフルスクリーンのイメージです。 http://www.greenpa

    • -3評価
    • 131PV
    rap13587 rap13587 3ヶ月前に ベストアンサー
  • 受付中

    回答
    1

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

    現在websiteを作成している途中ですが、footerの作成の中でつまづいてしまったので、ここで質問させていただきます。 画像のように水色のブロックが見れると思いますが、いろんな修正を加えても、この部分がなぜかこの大きさが変わりません。どれかのブロックにwidthを指定すれば、もちろん大きさは変わるのですが、今回は、レスポンシブデザインを作ってい

    • 0評価
    • 447PV
    HayatoKamono HayatoKamono 3ヶ月前に 回答を編集
  • 受付中

    回答
    4

    javascriptでcssのクラス変更

    現在javascriptを勉強中の身で自分のポートフォリオサイトを作っていましてそこである横幅のサイズウインドウになったらcssのスタイルを変更したいなって考えて調べて自分なりに作ってみたのですがうまくいきません。 var windowWidth = $(window).width(); var windowSm = 767; v

    • -3評価
    • 184PV
    asahina1979 asahina1979 3ヶ月前に 回答
  • 解決済

    回答
    1

    WordpressのSydneyで中央寄せ

    WordpressでSydneyというテーマを使用しています。 パソコンなどの比較的大きいディスプレイで見た時に、テキスト全体を中央寄せにして左右に多く余白を持ちたいのですが、どこをどう変更すればいいか教えてください。(iPhoneなどでは見やすいようにレスポンシブ対応でよろしくお願いいたします。) 初心者なものですみません。おそらくこのあたりだと思うの

    • -1評価
    • 173PV
    aozuki aozuki 3ヶ月前に ベストアンサー
  • 解決済

    回答
    2

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

    レスポンシブサイトを作っています。(北朝鮮っぽいのはネタで作っているだけです) 下記の黄色の文字の部分を北朝鮮の国旗の縦の中央寄せにしたいのですが、うまくいきません。 よい方法はありますでしょうか? <html> <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/c

    • 0評価
    • 172PV
    ryuunosuke 退会済みユーザー 4ヶ月前に ベストアンサー
  • 解決済

    回答
    3

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

    初心者の質問です。 質問内容が無理難題でしたら、申し訳ありません。 親要素に子要素が重なるような背景を CSSで記述することは可能でしょうか? <注意事項> ※背景用のDIV(要素)を加えることはできない場合 ※レスポンシブに対応したCSS ※子要素の内容が増えると合わせて背景も長くなる

    • 0評価
    • 523PV
    riok riok 4ヶ月前に コメント
  • 解決済

    回答
    2

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

    レスポンシブデザインで tdタグをスマホ(max-width:480px)で見た時は list-itemにし さらに「・」を非表示にしています。 スマホ(max-width:480px)で見た時に 最初の「・」だけ表示し あとは非表示にしたいのですが、できますか。 できるのであれば、やり方を教えてください。 <!DOCTYPE html> <html

    • 0評価
    • 176PV
    idkohhi idkohhi 4ヶ月前に コメント
  • 解決済

    回答
    2

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

    HTML、CSS初学者です。うまく質問ができずにすみません。 HTML、CSSの勉強のため、 既存PCサイト(http://sugoiweb.nezihiko.com/)の レスポンシブサイトを作成しています。(削除) https://karujag.github.io/sugoi/ PCサイトは既存サイトの幅を確認しながら作りました。 全体を囲むa

    • 0評価
    • 142PV
    karujag karujag 4ヶ月前に 回答
  • 解決済

    回答
    3

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

    現在、企業のリクルートサイトをレスポンシブ対応で作成中です。 http://p56.proto.develop.lionheart.co.jp/job/newgraduate/ スマホを縦にして見た時はいいのですが、横向きにすると画面が拡大して表示されてしまいます。 レスポンシブのブレイクポイントは768pxに指定しているので、横向きサイズでも対応

    • 0評価
    • 343PV
    mts10806 mts10806 4ヶ月前に コメント
  • 解決済

    回答
    1

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

    現在、WEBページの制作を行なっているのですが、スマホ用とPC用で、 トップページの画像を切り替える、と行ったような実装を行なっております。 しかし、PCのブラウザ(chromeやsafari)のレスポンシブモードではうまく表示が切り替わるのに、 実機(iphone7)で見るとうまく表示が切り替わっていません。 (chromeやsafariのレスポンシブ

    • 0評価
    • 440PV
    sk_3122 sk_3122 4ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    186

  • 総質問数

    196

  • 今週の質問数

    0

関連するタグ

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

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