短い画面/低解像度で動作する固定配置フッターを作成する方法について何か提案はありますか?
フッターがあります：
#footer {position: fixed; bottom: 0; width: 100%; height: 35px; background: rgba(0, 0, 0, 0.3); line-height: 35px; color: #fff; font-size: 14px; text-transform: uppercase}
これはほとんどの解像度で問題なく動作しますが、画面の高さが 900px より小さい場合は、固定されているためコンテンツと重なってしまいます。そのような問題をどのように修正しますか？私はjsで画面解像度をチェックすることを検討していましたが、固定の代わりにposition: relative. どう思いますか？
それは本当に修正する必要がありますか？一部のブラウザーでは、サポートがまだ少しずさんです...完全に配置されている場合は、メインコンテンツにパディングを追加して、フッターがコンテンツと重ならないようにすることができます.
とにかく、あなたがやろうとしていることは、css メディア クエリで簡単に達成できます。ここから開始できます: http://css-tricks.com/css-media-queries/
このcssを試すことができます：
html,body{position:relative; margin:0; padding:0; height:100%}
.footer{ position:fixed; height:30px; background-color:grey; width:100%; bottom:0px; z-index:999}
Z インデックス = 10 を指定します。(目立つように Z-index を少し高くします)