スマートフォンでiframeが伸びる件の対策 - ambergrisの日記
Andoroid携帯でもiPhoneでも、 iframeが中身の分だけ高さとかoverflow:hiddenとか全無視して伸びるので iframe下のコンテンツに被ってるということが判明。 こことか http://javascript-memo2.seesaa.net/article/200710596.html ここを参考に http://ameblo.jp/bofb/entry-10631465099.html １．<head>～</head>の間に↓を追加して、 <script> (function(){ var _UA = navigator.userAgent; if (_UA.indexOf('iPhone') > -1 || _UA.indexOf('iPod') > -1) { document.write('<link rel="stylesheet" href="css
Android4.0とiframe
Android4.0とiframe iframe内でコンテンツを展開するとAndroid4.0でシビレルくらい様々なバグが発生します。 弊社松田の調べによると見つけただけでも以下のような不具合があるようです(Galaxy Nexus調べ)。シビレますね。 a要素に display:block を指定しても、必ずインラインになる position:fixed で配置した要素そのものがタップできない document.body.scrollTop が取得できない -webkit-tap-hightlight-color の指定が効かない ページ内のアンカーリンクが効かない ページの最下部に配置したa要素はタップはできるが、リンク遷移せず、イベントも発火しない z-indexで下に重なる要素が、pointer-events の指定が全く効かなくタップできてしまう js等で要素を位置移動しても、要
スマートフォンでのiframeを使うときに気にしておくこと
iframeをandroidとiPhoneで表示した場合の相違点 ■android iframe の表示される スクロールはできない ■iPhone ifameの表示される 2本指でスクロールする iPhoneを常時使用しているユーザーでも、2本指でスクロールすることは まずないでしょう。 使うとしたら、必ず注意書きを入れないとまずそうです。 総合すると、iframeは使えないですね… 見せ方として同様なdivタグを固定幅にして、overflow:scrollを付け加えるやり方があります。 divタグにoverflowをつける [code language="html"] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> .overbox{ width:200px; height:200px; overflow:scrol
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
