質問編集履歴

1 失礼いたしました。htmlソースコードを全て掲載しました。よろしくお願い致します。

hydroxy

hydroxy score 49

2017/11/22 18:26  投稿

JQuery Mobileで戻るボタンの位置
JQuery mobileでheaderに戻るボタンを配置し、その位置を調整したいのですが、CSSでどう設定すれば良いのか分かりません。
・現在のコード
```HTML
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  
<title>無題ドキュメント</title>  
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />  
<link rel="stylesheet" href="style.css" />  
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>  
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>   
</head>  
 
<body>  
 
<div data-role="header" data-theme="b" data-position="fixed">
<a href="" data-rel="back">戻る</a>
<h1><img src="images/main_logo.png"></h1>
<h1><img src="main_logo.png"></h1>
</div>
 
</body>  
</html>  
```
```CSS
.ui-header {height:10%;}
.ui-title img {width:100%; overflow: auto;}
```
・現状のプレビュー結果
![現状のプレビュー結果](f4d191d7db1bb01f230ed47d61a3a4c5.png)
・希望する結果
![イメージ説明](9606621e3d1f3638e980c029f4d9cd87.png)
上記のようにロゴの下面に合わせた位置に戻るボタンを配置したいです。
お知恵を貸していただけると幸いです。よろしくお願いします。
  • jQuery Mobile

    48 questions

    jQuery Mobileとはスマートフォンとタブレット用に最適化されたフレームワークです。様々な携帯端末にjQueryで作られたユーザーインターフェイスシステムを提供します。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る