質問するログイン新規登録

質問編集履歴

2

画像追加

2021/08/09 23:22

投稿

Hayato1201
Hayato1201

スコア232

title CHANGED
File without changes
body CHANGED
@@ -20,4 +20,10 @@
20
20
 
21
21
  追記
22
22
 
23
- よく見るとその画面で印刷プレビューが出ると縦書きだったところがプレビュー上で横書きになってしまうだけでは無くプレビューを消した後元々の画面上も横書きになってしまっていました。開発者モードで確認してもCSS上は何も変わっていないように見えるのですが、なぜか見え方が変わっています。なぜプレビュー後このようになってしまうのでしょうか・・・?
23
+ よく見るとその画面で印刷プレビューが出ると縦書きだったところがプレビュー上で横書きになってしまうだけでは無くプレビューを消した後元々の画面上も横書きになってしまっていました。開発者モードで確認してもCSS上は何も変わっていないように見えるのですが、なぜか見え方が変わっています。なぜプレビュー後このようになってしまうのでしょうか・・・?
24
+
25
+
26
+ 追記2
27
+ >無くプレビューを消した後元々の画面上も横書きになってしまっていました
28
+ こちら開発者ツールから確認すると下記のようにwriting-mode: vertical-rlにチェックがついていて有効になっているように見えますが実際にはこれは無効になっているようで、一度そのチェックを外してから再度チェックを入れると元の縦書きに戻ります。なぜこのような現象が起こるかわかりません。このCSSだけこのように無効になってしまいます。
29
+ ![イメージ説明](f5eeb1085c4d03c5fafb592361491c93.png)

1

追記

2021/08/09 23:22

投稿

Hayato1201
Hayato1201

スコア232

title CHANGED
File without changes
body CHANGED
@@ -16,4 +16,8 @@
16
16
  しかしこれで表示した画面に対して印刷プレビューを出すとその部分が横になってしまっています。(chromeでやってます)
17
17
  ブラウザ上で通常は縦に表示されていますが、印刷プレビューではその部分がまさに無効になっているようです。印刷したい画面なのでそこで無効になっては困るのですがこちらの直し方をご教示いただけないでしょうか?
18
18
 
19
- 以上よろしくお願いいたします。
19
+ 以上よろしくお願いいたします。
20
+
21
+ 追記
22
+
23
+ よく見るとその画面で印刷プレビューが出ると縦書きだったところがプレビュー上で横書きになってしまうだけでは無くプレビューを消した後元々の画面上も横書きになってしまっていました。開発者モードで確認してもCSS上は何も変わっていないように見えるのですが、なぜか見え方が変わっています。なぜプレビュー後このようになってしまうのでしょうか・・・?