0
内部スタイルシートにmedia属性を使用しようとしています。モバイルデバイス用にmedia=print
とmedia=handheld
を使用しています。しかし、これは動作していません。なぜわからないのですか?メディア属性を持つ内部スタイルシート
編集:私は取得しようとしています結果は、「静的であるプリント、テストテキスト=青と映像メディア=。」、メディア=であるハンドヘルド」、テストテキストは=赤と絵は/応答動的にする
。<html>
<head>
<style media="print">
p.slide {
width:1040 px;
height:383 px;
color:#00F;
}
</style>
<style media="handheld">
p.slide {
width:20%;
height:10%;
color:#F00;
}
</style>
</head>
<body>
<div>
<p class="slide">
test
<img src="https://hpva2w-ch3301.files.1drv.com/y4m3P0wDLAI8GVZl1qYwcsqB9AFNfl5mJCFQw_f3627uFXESiPUbkJmyrLNvzVaz4uIIA8vlEX3i11Frkm8p8VGDSwyW8Oempo79nFvc2xFJe5KuKOpVT6ZhNUSasTvPRfX7PBsdL6riiJf8aaSs7McYyZSc9gL0qQZPJEXAk3fjlV93b3bpoxtCBglvXHIQut7RTaM12d0vcrbEvzv-DtQ8A?width=1024&height=683&cropmode=none" >
</p>
</div>
</body>
</html>
これはうまく動作するのか混乱しますか? Media = "print"テキスト "test"のフォントの色を青ではないようにしたい。写真の大きさは静的なものだけです。これはピクセル属性と同じです。しかし、media = "handheld"、テキスト "test"は赤ではなく、画像サイズは動的/応答性ではないので、私はこれを内部スタイル@media属性のポイントと仮定しましたか? –
青いテキストはここで動作します。この例は非常に限られていますが、ラップトップで「PDFに印刷」をプレビューしようとすると青いテキストが表示され、ページを表示すると黒く表示されます。ハンドヘルドデバイスをノートパソコン開発用コンピュータに接続することはできないので、「ハンドヘルド」モディファイアを実際にテストすることはできませんが、私はそれに頼ることはありません。例えば、iPhoneは「ハンドヘルド」 - 「スクリーン」としてレポートします。 – junkfoodjunkie
ご清聴ありがとうございます。私は望むものがスクリーンだと思う。 –