位置：タブレットに固定されていますか？

私は今私のportfolio websiteで働いています。私はできるだけ多くのハードウェアのためにそれを最適化しようとしているので、私はタブレット上で自分のサイトを見てきました。バマー。しかし、タブレット上では、ウィンドウの一番下に付着していないが、下のホバリング位置：タブレットに固定されていますか？

footer { 
    position: fixed; 
    bottom: 0px; 
    height: 100px; 
    width: 100% 
}

：私は、私は成功し、次のCSSで作成されたウィンドウの一番下に「スティック」に必要とフッターを持っていますコンテンツの残りの部分（HTML内に置いた部分です）。これは、ページに多くのコンテンツがない場合は、フッターがページの中央に配置されることを意味します。私はしばらくの間、グーグルで検索し、いくつかのタブレットは固定配置をサポートしていないことがわかりました。

誰かがこの問題の回避策を知っていますか？

出典

2011-12-05 Stefan Hagen

iOS5を、実際に今、固定された支持位置をして...とAndroidはしばらくの間、それを支えてきた...唯一の真の問題を回避するには、CAにjavascriptのソリューションですスクロールオフセットの位置を計算し、それに応じてフッターを移動します。 –

あなたもこれを試してみることができます：http://stackoverflow.com/questions/4889601/css-position-fixed-into-ipad-iphone –

すべての正直な男、私は位置まで固定する必要があります固定：すべてのタブレットでサポートされています。私は今、タブレットのメディアクエリを書くでしょう！ –

大丈夫、私は自分の質問に答えて物事をまとめます。 Darek Rossmanのおかげで、興味深いリンクがいくつか見つかりました。要点は、固定された位置が徐々に錠剤の支持を増やしていることです。だから、この問題がもう問題にならないようにするのは時間の問題です。私にとってうまくいく回避策は、彼の最初のコメントで言及されたjavascriptソリューションDarek Rossmanを使用することです。しかし、いくつかのタブレットではJavaScriptがまだ完全に機能していません。より良い時間が到来するまでは、（メディアクエリを使用して）タブレット用に別のスタイルシートを使用します。興味深いものを投稿したDarek Rossmanに感謝します！フィラメント群で

出典

2011-12-06 10:07:23

細かい人々は、このためのプラグインを作成し、ここでそれをチェックアウト： Fixed-Fixed

を彼らはまた、「プログレッシブ・エンハンスメント」のためのより多くの偉大なプラグインを作成しました、ここでそれをチェックアウト： SouthStreetを

彼らはここのウェブサイトですでそれらをいち早く： Filamentgroup

出典

2013-03-18 23:19:26 Oneezy

位置：タブレットに固定されていますか？

答えて

関連する問題