3

Twitter Bootstrapがタブレットのサイズを768から1024（iPad）ではなく768から979と見なしている理由がわかりません。問題は、クライアントがタブレットのカスタムデザインを要求した場合、そのタブレットデザインが横向きモードのiPadに表示されないことです。

また、サイドバー（span9 + span3）のあるコンテンツがある場合、サイドバーが「隠しタブレット」の場合、コンテンツは拡張されません。実際には同じサイズになり、ブートストラップのスパンの寸法を上書きして、目的の機能を実現する必要があります。レイアウト。

私は何か間違ったことをしていますか？

4

1 に答える 1

3

1) ここでの考え方は、一般的に誰かが 980 ピクセルを超えるページをリクエストしている場合、iPad からよりもデスクトップ コンピューターからのものである可能性が高いということだと思います。また、これらの幅でページを iPad と Web に対応させることもできます :)。

横向きの iPad と Web で異なるデザインが必要な場合は、画面が 980 ～ 1024 ピクセルの場合にカスタム CSS を大量に作成することもできます。

@media (min-width 980px) and (max-width: 1024px) {
  //my custom css for ipad landscape
}

2）あなたはそれを正しくやっています。すべて.hidden-tabletが設定されていますdisplay: none;

@media (min-width: 768px) and (max-width: 979px) {
  // ... some other code

  .hidden-tablet {
    display: none !important;
  }
}

他のタイプのサイズ変更は行わないため、メディア クエリを使用する必要があります。

于 2013-01-24T07:42:27.350 に答える