2017-03-24 11 views
0

内部スタイルシートにmedia属性を使用しようとしています。モバイルデバイス用にmedia=printmedia=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> 

答えて

1

それが正常に動作しますが、あなたはjsfiddleの「印刷」と「ハンドヘルド」をテストすることはできません。(それはメディアの属性を受け入れていない、とあなたはCSS-フィールド内<style media="">を定義することはできません。

<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>

+0

これはうまく動作するのか混乱しますか? Media = "print"テキスト "test"のフォントの色を青ではないようにしたい。写真の大きさは静的なものだけです。これはピクセル属性と同じです。しかし、media = "handheld"、テキスト "test"は赤ではなく、画像サイズは動的/応答性ではないので、私はこれを内部スタイル@media属性のポイントと仮定しましたか? –

+1

青いテキストはここで動作します。この例は非常に限られていますが、ラップトップで「PDFに印刷」をプレビューしようとすると青いテキストが表示され、ページを表示すると黒く表示されます。ハンドヘルドデバイスをノートパソコン開発用コンピュータに接続することはできないので、「ハンドヘルド」モディファイアを実際にテストすることはできませんが、私はそれに頼ることはありません。例えば、iPhoneは「ハンドヘルド」 - 「スクリーン」としてレポートします。 – junkfoodjunkie

+0

ご清聴ありがとうございます。私は望むものがスクリーンだと思う。 –

関連する問題