2016-06-17 13 views
0

モバイルデバイスで正しくサイズ調整された角度2のレスポンシブサイトを構築しました。 SEOの利点を得るために、私はAngular Universalを使用したスタータープロジェクトに切り替えました。それから、私の既存のコードをすべて新しいプロジェクトに移しました。ユニバーサルを追加する前に、サイトはAndroid搭載端末に正しく表示されました(正しくは、ビューポートのサイズが小さいことを意味します)。角度2ユニバーサルブートストラップ3搭載のAndroid搭載端末のデスクトップとして

デスクトップ上のChromeに読み込まれると、サイトは予想通りに見えます。ブラウザのサイズが縮小されていると、モバイル上で予想されるように見えます。私は私のAndroidデバイス上で同じサイトを読み込む際例えば、

Chrome with browser minimised

はしかし、このサイトは私が恐ろしいモバイル体験で大画面に期待通りに示しています

Android screenshot

残念ながら、問題の原因となっているコードを特定する方法がわかりませんが、この質問にはガイダンスがあります。ドメインはhttp://podroot.comです。

答えて

2

私は問題を発見.. はメタタグ後

<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

(ブートストラップ3によって推奨)不足しているあなたは、応答性が働いている、これらのタグを入れた後bootstrap: getting strated

に従うことができます予想通り。 修正後のスクリーンショット(chromeデバイスシミュレータの)です。

enter image description here

関連する問題