0

Stack Overflow に投稿された最初の質問ですが、ここで回答を読むのに何時間も費やしました :)。

Heroku Python アプリを作成しており、css でレスポンシブ デザインのメディア クエリを使用しています。アプリを Heroku にデプロイし、myherokuapp .herokuapp.com にアクセスします。Web サイトはラップトップ ブラウザーで問題なく表示されます...レスポンシブ デザイン要素も同様に機能します。ただし、iPhone で同じ URL にアクセスすると、css ファイル (メディア クエリ) の 1 つが読み込まれているが、もう 1 つ (メインの css ファイル) が読み込まれていないページが表示されるようです。

Heroku は css ファイルをキャッシュしますか? Django アプリを使用している場合、静的ファイルを別の場所でホストする必要があることをどこかで読みましたが、それが私に当てはまるかどうかはわかりません。Flask 関数も使用しています<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">。それは何か関係がありますか?

編集:モバイルでFirefox/Google Inspectorに相当するものを実行する方法を知っている人はいますか? それは、どのファイルがあり、何がそうでないかを理解するのに本当に役立ちます。

4

1 に答える 1

0

バグが見つかりました。これは、iPhone 5 にのみ影響するように見えた text-indent css 属性による、非常にあいまいなレンダリングの問題でした。

さらに、iPhone 用の Google Chrome をデバッグする必要がある場合、マルチタスク メニュー (ホーム ボタンをダブルタップすると表示されるバー) からもアプリを削除しないと、キャッシュをクリアしても何も起こりません。それを理解するのに文字通り30分かかりました。

于 2013-03-03T01:30:01.030 に答える