こんにちは!
Monacaで常に横向きのアプリを作りたいです。
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <link rel="stylesheet" href="components/loader.css"> 9 <link rel="stylesheet" href="css/style.css"> 10 <script> 11 </script> 12</head> 13<body> 14<p>abcdefghijklmnopqrst</p> 15</body> 16</html>
CSS
1/**/ 2@media only screen and (orientation : landscape) { /*横向き*/ 3body {transform: rotate(0deg);} 4} 5@media only screen and (orientation : portrait) { /*縦向き*/ 6body {transform: rotate(90deg);} 7}
としてみたのですが
添付の画像のようになってしまいます。
きちんと右上から下に文字列が並ぶ横向きにするには
どうしたらいいでしょうか?困っています。アドバイスお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/24 02:23