Привет всем!!!
всем новичкам(и мне) хотелось узнать как же работает min-height, min-width, и другие свойства которые срабатывают только после уменьшения экрана. К сожалению, так как мини-браузер это не позволяет, я немного поколдовал и вот что получилось:
1 - Откройте задание которое вам нужно
2 - Откройте браузерную консоль (Ctrl + Shift + I или ⌥ + ⌘ + I)
3 - копипастите туда этот код
var iFrame = document.getElementById('preview'); // получить мини-браузер
var iFrameBody= iFrame.contentDocument || iFrame.contentWindow.document;
content= iFrameBody.getElementsByTagName('html')[0].innerHTML +
'<body>' + iFrameBody.getElementsByTagName('body')[0].innerHTML
+ '</body>'; // получить содержимое ifrime
var win = window.open();
win.document.write(content) // скопированный html открыть в новой вкладке
4 - Enjoy 
P.S
поддержите лайком или коментом