Cordovaを利用したハイブリッドアプリを作成しています。
その中でjQuery Mobileを使用しているのですが
下記のようなコードを書いているのですがimgの高さを%で調整できません。
ご教授のほど、よろしくお願いします。
※widthは%で指定できます。
【実行環境】
Galaxy S7 edge
Sony Xperia Z5 Premium SO-03H
HUAWEI P7-L07
index.html
html
1<html> 2 <head> 3 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> 4 <meta name="format-detection" content="telephone=no"> 5 <meta name="msapplication-tap-highlight" content="no"> 6 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 7 8 <script type="text/javascript" src="cordova.js"></script> 9 <script type="text/javascript" src="js/jquery-1.11.1.min.js" id="cordova-jquery"></script> 10 <script type="text/javascript" src="js/jquery-1.5.0.mobile.min.js"></script> 11 <link rel="stylesheet" type="text/css" href="js/jquery-1.5.0.mobile.min.css"> 12 <link rel="stylesheet" type="text/css" href="css/index.css"> 13 </head> 14 <body> 15 <img src="img/sample.png" id="sample"> 16 </body> 17</html>
index.css
css
1html { 2 height: 100% !important; 3} 4 5body { 6 height: 100% !important; 7 margin:0px; 8} 9 10 11#sample{ 12 height: 50% !important; 13}
回答1件
あなたの回答
tips
プレビュー