2017-01-31 15 views
1

私のサイトはfluentsea.netです。私は(コードは醜いです知っているモバイルデバイスで正しいスクロール位置を表示するにはどうすればよいですか?

そのインクルードを:私はそれはデスクトップブラウザ(Firefoxの)上でどのように見えるか、携帯電話のサイズで見ることになっている方法です

THIS IS WHAT IT LOOKS LIKE on my phone and other phones ive used

THISを試してみましたサイトIVEは、私はアンカーが自動的に左右にスクロールさせると、サイトを通過する経路上のユーザーを取るために多くの作業を行っているHTMLやCSS)

を学んで自分の歯を切断されて。デスクトップブラウザではうまく動作しますが、携帯電話で何らかの理由でズームアウトします。

@mediaルールを使用してデザインを反応させました。デスクトップブラウザウィンドウ(Firefox)のサイズを変更するときですモバイルサイズに似ています。

私は私が例とそのdidntの仕事のために100%に100vw使用するすべてのインスタンスを変更しようとしています。

margin-left:100vwを使用してコンテンツを右にプッシュする方法を変更し、100vwと100%幅のdivを入れて正しいコンテンツをプッシュし、正しいコンテンツを絶対的な位置に配置しようとしました。それは働いた - 電話のブラウザはまだすべてを表示しようとする。

私は何とかそれはそれもその汚いソリューション場合は、Windows 7上のFirefoxにどうするか見てから、私のサイトを防止する携帯電話のブラウザでは何でもバイパスと罰金になります。私はユーザーがデスクトップ上でできるようにサイトを使用できるようにしたい。

助けてください!

+0

私はちょうどを変更し、それを実験していて、実際にはそうだと思われます。 作業中です!これは狂った私は数ヶ月のために見てきたが、今ここに投稿した後、私は解決策を見て、それは働いています。しかし、私はまだ気晴らしにこれがベストプラクティスであることに興味があります...それは今までたくさん行われていません。 –

+0

[MVCE](http://stackoverflow.com/help/mcve)を作成することをお勧めします問題を明らかにすると、私たちはこれと協力することができます。コードなしでは、あなたの質問に意味のある答えを与えることはほとんど不可能であり、すぐに閉じられると思われます。 – Pevara

答えて

0

チェックBootstrap

ブートストラップは、ウェブ上の応答、モバイル-最初のプロジェクトを構築するための、世界で最も人気のあるHTML、CSS、およびJSのフレームワークです。

関連する問題