2016-05-29 7 views
0

もっと動的にすると、私は応答性やモバイル性を意味するわけではありません。私が望むのは、ウィンドウが最小化され、すべての要素が新しい小さなウィンドウサイズに収まらないたびに、水平スクロールバーが表示されることです。これはユーザーエクスペリエンスには最適ではありませんが、モバイルのオプト/応答性の欠如に対する一時的な修正です。私はそれを働かせる(幾分)が、いくつかの問題に遭遇した。 あなたはここで見ることができるように: https://jsfiddle.net/ruegnear/ウェブサイトのウィンドウをよりダイナミックに最小化するにはどうしたらいいですか?

がこのJSFiddleには写真か何かは、その私のファイルディレクトリにありませんが、問題はまだ顕著表示されます。

最小化(縦が狭くなる)すると、右側の列が消えます(紺色の円とテキストの列)。空白の空白で置き換えられます。それには、(高さ<幅)他の方法を、最小化するとき、私が試してみました

ナビゲーションバーが完全に圧縮された取得し、専門外に見えるような要素..:

overflow-x: auto; 
overflow-y: hidden; 

をそれだけで垂直方向のスクロールを隠しますこの場合実用的ではない。

min-width: 1000px; 

、それは水平スクロールバーは、ウィンドウが最初の場所でその幅/ resを下回る場合に表示することが可能になりますが、それでも前述の問題が発生します。

は私も試してみました。

答えて

0

いけない、あなたは正確にそれを見つけることができる場所を知っているが、私はあなたがそれが応答するためのjQuery

http://www.w3schools.com/w3css/default.aspと多分これは助けることができることを解決できると思っていました。

関連する問題