スマートフォンで画像が小さく表示されてしまいます
【原因】
viewport変換が正しく機能していないか、スマートフォンに対して画像変換処理が行われています。
以下の2点を確認してください。
- RALCBaseWidthの設定値
- スマートフォンでのアクセス時に画像変換が行われていないか
【回避策】
まずはRALCBaseWidthの設定値が制作している画像サイズにあっているかを確認します。
(480pxベースの場合は「480」と指定)
またスマートフォンではラウンドアバウトの画像変換を行わないように指示する必要があります。
例)
<?ra-page viewport="auto" image-convert="no" g="SP"?>※こちらのra-pageという記述は、ラウンドアバウトに以下の指示を行います。
- スマートフォンに対して (g="sp")
- 画像変換を行わない (image-convert="no")
- viewportを自動設定する (viewport="auto")