次のように<ons-button>を配置しましたがiPhoneで表示すると中央に配置されません。
何か別に設定が必要なのでしょうか。
Androidでは問題なく中央に配置されます。
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 <script src="components/monaca-jquery/jquery.js"></script> 9 <script src="lib/onsenui/js/onsenui.min.js"></script> 10 <script src="components/app.js"></script> 11 12 <link rel="stylesheet" href="components/loader.css"> 13 <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> 14 <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> 15 <link rel="stylesheet" href="css/style.css"> 16</head> 17<body> 18 <div style="text-align:center;"> 19 <ons-navigator id="myNavigator" page="LoginInformation.html" > 20 </ons-navigator> 21 </div> 22 <ons-template id="LoginInformation.html"> 23 <ons-page> 24 <ons-toolbar> 25 <div class="center">ページ</div> 26 </ons-toolbar> 27 <div style="text-align: center;height: 30%;padding: 40% 0% 0% 0%;"> 28 ボタンを押してください。 29 </div> 30 31 <div style="text-align: center"><!--←ここでスタイル指定--> 32 <ons-button onclick="login()" modifier="large"> 33 ボタン1 34 </ons-button> 35 </div> 36 </ons-page> 37 </ons-template> 38</body> 39</html>
css/style.css
css
1.button--large{ 2 background-color:#3bc5ae; 3 margin-bottom:10px; 4 width:90%; 5}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/31 05:36