前提・実現したいこと
今Monacaという開発環境でiOS、androidの開発をしています。
Onsen UI V2 Angular 1 TabbarというMonacaのテンプレートを使用して開発を始めたばかりなのですが、タブでの遷移ではなく、何行もあるテキストを押すとその記事全文が表示されるような画面遷移を作りたいのですがどのようにすればよろしいでしょうか。
下記のソースコードのようにしてしまうと文章が全く画面に収まらなくなってしまいます。
また、iOSとandroidで表示のされ方が違うようで、年月日等の場所がさとてもずれて表示されてしまいます。
画面遷移先でも元々のページのタブを使用したいのでまったく違う方法(<a href>で飛ばす等)で画面遷移はしたくありません。
どのようにしたらよろしいでしょうか。
初歩的でかつつかみどころのないような質問になってしまい申し訳ございません。
該当のソースコード
<ons-button ng-click="myNavigator.pushPage('listDetail.html');" modifier="quiet"> <div class="wrap_list"> <span class="left_img"> <img src="images/*********.png" alt="" class="list_img" /> </span> <span class="wrap_words"> <div class="list_date"> 年月日 </div> <div class="list_text"> あああああああああああああああああああああああああああああああああああああああああああああああああ </div> </span> <span class="right_arrow"> <img src="images/******.png" alt="" class="list_arrow" /> </span> </div> </ons-button>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
画面的には下記のような状態で赤い部分をクリックして飛ばすようにしたいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。