Where is "Tools Resize" feature in Internet Explorer 11 (F12 Developer Tools)?

Question

Please tell me I'm missing something...
In previous versions of the F12 Developer Tools for Internet Explorer, I could easily resize the browser window to a specific size (e.g. 1024x768).
However, after upgrading to IE11, I cannot find this feature.

Answer 1

Hi,
you can create full resolution screen shots and scale them in your web pages by using only the width rule of 100% to the containing block element.
<div style="width:50%">
<a href="link to full resolution image" target="_blank"><img alt="screen shot" src="link to image file" style="width:100%;border:none"/></a>
</div>
I use ifranview to capture screen shots and resize and compress the image to my requirements.
If latency or client screen size is an issue I will create two images... a thumbnail and a full screen image and use the design pattern above to link to the full resolution image in a new window.
or for HTML5/CSS 3 aware browsers use the CSS flexGrid with media queries.
see also
MSDN - Scaling images for different screen resolutions
Please post questions about html, css and scripting for website developers to the IE Web Development forum... Include with your questions a link to your website or a publicly accessible mashup that shows the issue or what you are trying to achieve.
Rob^_^