Androidで縦書きをぴったり画面サイズに合わせるJS

コメントをどうぞ

epubビューアーを作ろうと思って、縦書き表示をCSSで作ったのだけど、Androidで、1行が画面ピッタリに表示されない。
ロードされた段階で自動的に謎のサイズに拡大されている。1行が、横書きの時に収まるサイズで計算されている気がする。
CSSだけで頑張りたかったけど、うまくいかないので、JSで。

$(document).ready(function(){
    var chars = 40;//一行あたりの文字列
    var zoomer = document.body.clientWidth / window.innerWidth;
    var realHeight = $(window).height() / zoomer;
    var fontSize = realHeight/chars;
    $(".wrapper").height(realHeight);
    $(".wrapper").css("padding",(fontSize*1)+"px");
    $(".wrapper").css("font-size",fontSize+"px");
    $(window).scrollLeft(0);
});

$(document).ready(function(){
	var chars = 40;//一行あたりの文字列
	var zoomer = document.body.clientWidth / window.innerWidth;
	var realHeight = $(window).height() / zoomer;
	var fontSize = realHeight/chars;
	$(".wrapper").height(realHeight);
	$(".wrapper").css("padding",(fontSize*1)+"px");
	$(".wrapper").css("font-size",fontSize+"px");
	$(window).scrollLeft(0);
});

コメントを残すコメントをキャンセル