2

より具体的に言うと、私は 1 つのコラムの Tumblr ブログを持っています。誰かがモバイルデバイスからヒットしたときに、一般的な「モバイルフレンドリー」テーマを使用したくありません。コンテンツの幅を広げたり、フォントサイズを大きくしたりせずに、単一の列で幅を埋めたいです。

基本的に、ユーザーが画面をダブルタップすることなく、コンテンツに「ズーム」したいと考えています。

4

2 に答える 2

3

次のものが必要です。

  1. スタイリングを変更するには、モバイル専用の CSS ファイルが必要です (通常はよりシンプルで、画像が少ないか小さい)。これを行うには、「@media」タグを使用できます。この方法に関する良い記事は次のとおりです。 Webサイト/

  2. ページの幅を設定するには、必ず「meta viewport」タグを使用してください。これにより、話しているテキストが適切に「ズームイン」されます。ページの幅をモバイル ブラウザに伝えます。このトピックに関する詳細情報は次のとおりです (特に iOS の場合ですが、タグは他のモバイル ブラウザーで読み取ることができます): http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport. html

于 2012-09-11T15:05:38.843 に答える
1

モバイル ブラウザで異なる動作が必要な場合は、特別なモバイル フレンドリーな CSS を使用する必要があります。ただし、別のテーマである必要はありません。

CSS ルールの前に を付け@media only handheldて、小さな画面のモバイル デバイスのみをターゲットにすることができます。

css と html を教えていただければ、より正確な回答を差し上げます。

于 2012-09-11T14:38:41.507 に答える