Simplicityの特徴 › フォーラム › Simplicityについての質問 › レスポンシブにならない
- このトピックには9件の返信、2人の参加者があり、最後に
辰子により11年、 3ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年1月26日 8:47 PM #18390
wata
ゲストこんばんわ。
今までしっかりレスポンシブになっていたのですが1.4.3にアップしたところならなくなりました。
ダブルレグにしたいので完全レスポンシブにはしてません。 -
2015年1月26日 9:15 PM #18394
wata
ゲスト -
2015年1月26日 10:00 PM #18397
がちょぴん
ゲストwataさん
スマホ端末で確認してもレスポンシブにならないという事でしょうか?
私はスマホ端末持っていないのですが、スマホで普段閲覧しているブラウザキャッシュクリアしてみてはどうですか? -
2015年1月26日 11:45 PM #18408
わいひらキーマスターこんにちは。
サイトを拝見しましたが、僕が意図している純レスポンシブ表示になっています。
モバイル端末で動作確認してみましたでしょうか? -
2015年2月23日 2:33 PM #21637
hidekichi
ゲスト同様の質問がある場合のため、PCからスマホ端末のエミュレーションを行う方法の説明をしておきます。
・・・と言っても大したことではなく、Google Chromeにはたぶんバージョン30ぐらいからモバイル端末のエミュレーション機能が標準でついていたと記憶しています。
F12あるいは、何かしらの要素を右クリックしてWeb開発環境を表示し、そのメニューの左から2つ目あたりにスマホ端末らしきアイコンをクリックしてON・OFFします。それがエミュレーション機能のスイッチです。
ウチではWindowsを利用していないのでChromiumでの話になりますが、おそらくWindows版でも同じことができるだろうと思います。
iPhone6とかあるいはタブレットも標準的なものは入っていたように思います。縦向き、横向きにも対応していますし、通信環境をエミュレートすることも可能です。
またWeb開発環境上での動作ですから、モバイル表示時にHTMLやCSSがどうなっているか等の確認もできます。ユーザーエージェントもいじれるので色々な環境を試すことができます。またFirefoxでも Developer Edition がリリースされており (公式サイト )より細かく色々できるWebIDE搭載となっております。このエディションじゃなくても昔から色々できるのがFirefoxの良い所でもあったんですが(笑)
こういった無料のブラウザを利用することで実機(スマホやタブレット)を所持していなくてもPCの画面からエミュレートすることが可能です。最終的には実機で確認するのが一番なんですけどね(汗)
-
2015年3月1日 10:37 AM #22485
辰子
ゲストこんにちは。
質問に乗っかってしまってすみません。
私もiphone実機でレスポンシブになりません。
ブラウザはsafariでブラウザのキャッシュクリアも行いました。
モバイル版のサイトが出てきてしまいます。
フッターに「フルサイズ表示」というリンクが出てきて、それをクリックするとレスポンシブのサイトになります。
そちらのフッターの下には「モバイルサイトを表示」のリンクが出てきます(これも消したいです)サイトは http://blog.tatuko.com/otosigo/ です。
よろしくお願いします。 -
2015年3月1日 7:00 PM #22538
わいひらキーマスター何か別に、モバイル表示用のプラグインなど入っていないでしょうか?
また、完全レスポンシブにするには、カスタマイザーから「完全レスポンシブ」機能をオンにする必要もあります -
2015年3月2日 9:12 PM #22720
辰子
ゲストアドバイスありがとうございます。
モバイル表示用のプラグインは入れていません。また、「完全レスポンシブ」をオンにしてみましたが、変わらないようでした。
こちらのサイトをiPhoneでみると、レスポンシブなので同じようにしたいです。 -
2015年3月2日 9:41 PM #22721
わいひらキーマスターいや、明らかにプラグインか何かが入っていますよ。
Simplicity単体では絶対にそんな表示にはなりません。合っているかわかりませんが、今調べてみたら、Jetpackの機能ではないかと思います。ご確認ください。
http://blog.tatuko.com/otosigo/ -
2015年3月3日 8:33 PM #22854
辰子
ゲストありがとうございます!
統計情報をみるためにJetpackを入れたのですが、色々機能がついているので気がつきませんでした。
Jetpackの「モバイル用テーマ」というのを停止にしたら、思っていた通りの表示になりました。
お世話になりました。
-
-
投稿者投稿
- トピック「レスポンシブにならない」には新しい返信をつけることはできません。