Четыре вопроса по мобильной верстке

Привет. Возникли четыре вопроса по верстке для мобильных устройств.

1. На стареньком андроиде с ОС версии 4.0.4 (Sony Ericsson mk16i, стандартный браузер android) наблюдается такой эффект при переворачивании устройства в landscape-положение:

верхний навбар с position: fixed превращается в странную белую полоску:

Что это такое, откуда возникает, и как с этим бороться?

2. iphone 4 на подобный поворот никак не реагирует, оставляя навбару ту же ширину, что и была. Я справился с этим багом с помощью js, но есть ли какой-то общепринятый подход к подобным вещам?

3. При достаточном разрешении показывается вертикальное боковое меню, также закрепленное с помощью position: fixed. при увеличении масштаба оно также масштабируется и закрывает собой полэкрана, оставаясь закрепленным на месте. Есть ли способ разместить его относительно window, а не viewport, не прибегая к position: absolute или js? Бонусом - какую библиотеку сейчас модно использовать для обнаружения планшетов/мобильников на клиенте?

4. При заполнении формы устройство автоматически увеличивает масштаб для облегчения заполнения этой формы. Можно ли по окончанию заполнения (нажатию enter, ok или аналога) каким-либо образом задать устройству предшествующий масштаб(т.е. есть ли у мобильных устройств интерфейс для работы со scale и есть ли подходящее событие завершения редактирования формы?).

От бутстрапа было решено отказаться в силу некоторых причин, и возвращаться к нему просто нет времени.