0

構築中のサイトのドラフトを完成させました。残念ながら、解像度の小さい画面でも、ユーザーが現在の画面サイズを縮小した場合でも、デザインの見栄えが悪いことに気づき始めています。

私が参照しているサイトはここで見ることができます。さらに、私が探している機能は、ほとんどすべての専門サイトで見ることができますが、IBMのサイトで特に気づきました。画面が最小化されると、ヘッダーコンテンツはサイトの他の部分とともにそのまま残ります。私はoverlowを探していました:彼らのcssのどこかでautoですが、どこにも見当たりませんでした。

この問題を解決するために何を変更できますか?

PS:ここにコードを投稿するよりも、自分のサイトにリンクする方が簡単だと思いました。ただし、コードが必要な場合はお知らせください。ここに何かを埋め込みます。

気をつけて、エヴァン

4

2 に答える 2

1

IBM.com が行っていることは、あなたと著しく異なることはありません。

さまざまなデバイスでデザインにアクセスして使用できるようにしたい場合は、レスポンシブ デザインを検討してください。ただし、時間をかける価値があることを確認してください。ユーザーは、時間に見合う価値のある iPhone でアクセスしていない可能性があります。

視覚的には、メニューを縦ではなく横に広げてはどうですか? また、画像を親コンテナの中央に配置しますか?

于 2012-04-03T23:53:18.297 に答える
1
#full-height-template-container {
width: 1300px;  <-----  in your app here now the width is in %
border: 1px solid #262626;
height: 515px;
margin: 0 auto 20px;
overflow: auto;
}

ご覧のとおり、ピクセル単位の幅を使用したため、サイトはそのまま残ります。これが必要な場合は、問題ありません。そうでない場合は、お知らせください。他に何ができるかを確認します。

于 2012-04-04T00:18:52.480 に答える