Q&A
特定の要素とは、具体的にどんな要素でしょうか
iPhoneで表示しているページをPDF出力（保存）する際、プリントするとき同様に非表示にしたい部分があります。
@media print は効きませんでした。
何か方法はありませんでしょうか。
スマホ全体に適用できる方法があればと思っております。
宜しくお願いします。
追記です。
iPhoneの場合、「PDFをブックに保存」ではなく
「PDFを作成」を選択した場合のこととなります。
ありがとうございます。
例えば、この様な要素です。
<div id="hoge">ここはPDFには表示したくない</div>
？divタグを全部削除するってことでしょうか？
それは、ページや、そのときによります。
上記の例では、id="hoge" だけ非表示にしたいと言うことです。
@media print はidやclassを指定して幾つでも自由に操作できますが、
同じように出来るのが理想です。
回答2件
0
メディアクエリが効かなかったということですが、
メディアクエリの文法が間違っていないかとか、そういう再確認はしましたか？
参考記事によると、まさに良い感じにPDF出力をしたいときのための指定方法だと思われるのですが。。。
https://i-beam.org/2017/07/24/css-printing/
ちなみに下記質問によると、別のメディアクエリの中に記載してしまうと効かないそうですよ。
https://teratail.com/questions/61568
投稿2019/09/08 05:57
編集2019/09/08 06:02
総合スコア973
ありがとうございます。
恐らく、iPhone での共有ボタンからのPDFでの保存というのは、
「プリント」すると言うこととは違うのかと思います。
下記のhtmlだと、プリントするときは、もちろん「PDFには表示しない」は表示しませんが、
iPhoneでPDF保存しようとすると表示してしまいます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<style type="text/css">
@media print {
#nopdf{ display: none; }
}
</style>
</head>
<body>
<div>テキスト、、、</div>
<div id="nopdf">PDFには表示しない</div>
</body>
</html>
0
Google等で検索してみましたがご所望の動作が実現可能と言う記述は見つけられませんでした。
「印刷モード」などのボタンを設置されてはいかがでしょうか？
投稿2019/09/06 23:36
総合スコア10429
あなたの回答
tips
プレビュー
