Видеоуроков на торентах много или ютубе. Но больше толку будет, если у Вас будет "наставник", который сможет помагать Вам в этом деле. Могу помочь в принципе, если есть базовые знания.
В прицнипе, если правильно подумать, ты загружаешь страницу сразу всю, потом выбираешь цсс'ку. Попробуй через пхп принять юзерагента браузера и тогда ифкой ставить какой хочешь.
А так, как веб-разработчику, я б посоветовал приобрести планшет еще для тестирования и тестировать на собственных устройствах. В целом могу сказать так, с подальше работой у Вас появятся свои "наборы" проверки адаптивности.
Дело в том, что стили не сбрасывали, вот и получилась проблема. Посмотрите тут: www.cssreset.com - выбираете сброс стилей и думаю много чего у вас "нормализируеться.
Тогда может лучше поставить opacity: 0? А к стилям iframe достучаться через jQuery. Т.е. через стили ставите в ифрейме на ссылках cursor: default и для линков opacity: 0.
