From 80924bec8af0069b86a567cf3934f8b48b8703af Mon Sep 17 00:00:00 2001 From: "Johan K. Jensen" Date: Thu, 7 Jan 2016 20:56:51 +0100 Subject: [PATCH] Add info for Safari --- secret/inspect-viewing-your-site-as-responsive.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/secret/inspect-viewing-your-site-as-responsive.md b/secret/inspect-viewing-your-site-as-responsive.md index fe192e7..95c2749 100644 --- a/secret/inspect-viewing-your-site-as-responsive.md +++ b/secret/inspect-viewing-your-site-as-responsive.md @@ -11,6 +11,7 @@ browsers: - chrome - firefox - opera +- safari categories: - inspecting parent: inspecting @@ -25,3 +26,5 @@ tags:

In Opera Developer Tools also you can change the width and height using 'Device Metrics' menu under 'Overrides' tab of 'Settings'.

The Firefox Developer Tools include a tool to check your site in any dimension. The 'Responsive Design Mode' tool can be found in the top right header of the Developer Tools. Opening it provides you with a number of preset sizes and an option to add additional ones to cater for your needs. Firefox also provides an option to rotate your dimensions so you can test both landscape and portrait.

+ +

In Safari’s Develop menu, there is an Enter Responsive Design Mode menu item. (To turn on the Develop menu, go to Safari > Preferences, and check Show Develop menu in menu bar.) This will show you how the website displays on a range of iOS devices, as well as other browser resolutions. You can also choose the user agent, and choose to view your assets in 1x, 2x, or 3x.