###前提・実現したいこと
Onsen UIを用いて Monacaでアプリ開発をしています。
Onsen Toolbarを実装し、アプリ上部にToolbarが表示されている状態で、
そのツールバー内 中央部にアプリのロゴを配置したいのですが、
どう実装していくのが最適でしょうか?
###試したこと
下のソースコードのように、シンプルに画像を配置してみました。
#####該当のソースコード
onsen
1<ons-toolbar> 2 <div class="left"> 3 <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button></div> 4 <div class="center"><img src="images/****.png" height="100%"></div> 5</ons-toolbar>
画像こそ出てきたものの、端末によって縦横比がずれてしまうことがあったり、
上下中央配置ができなかったりと、
満足のいく仕上がりになっておりません。
HTML CSSを扱うにあたって初歩的な質問かもしれませんが、
みなさんどのように対応されているのでしょうか。
ご意見お聞かせいただければと思います。
回答2件
あなたの回答
tips
プレビュー