0

クライアントの 1 人から、固定幅のサイトにサイドバーを追加するように依頼されました。これにより、多くの小さなラップトップ ディスプレイに対してサイト全体の幅が大きくなりすぎてしまいます。理想的な解決策は、レスポンシブ レイアウトを使用することです。これはおそらく将来的に実現することになるでしょうが、今のところ、簡単な修正を探しています。モバイル デバイスでは、ビューポート設定を使用できるため、ソリューションは非常にシンプルです。

<meta name="viewport" content="width=1280">

モバイル以外のブラウザーを強制的に同様の方法でスケーリングする方法はありますか? メタ タグと CSS プロパティを試してみましzoomたが、これまでのところ、標準のデスクトップ ブラウザーではどちらも機能しませんでした。何か案は？

4

2 に答える 2

0

メディア クエリを使用して、ビューの幅に基づいてコンテンツ (レスポンシブ レイアウト) のサイズを変更することは、それほど難しくありません。https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

サンプル：

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
于 2013-06-04T03:32:57.507 に答える
0

上記のリンクで説明したように、またはタグで CSSscale()変換機能を使用して、ページ全体をスケーリングできます。<html><body>

html {
  transform: scale(.5);
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
}

ページをビューポートに正しく配置するには、いくつかのトリックを実行する必要がありますが、これが一般的な考え方です。

于 2013-06-04T14:46:59.843 に答える