अधिक से अधिक वेब डिज़ाइनर "उत्तरदायी" होने के लिए वेबसाइटों का निर्माण कर रहे हैं - अर्थात, वे उस प्रारूप में सामग्री दिखाने के लिए अनुकूल होंगे जो आपके द्वारा ब्राउज़ किए जा रहे किसी भी उपकरण के लिए सबसे उपयुक्त है। उदाहरण के लिए, यदि आप किसी iPhone पर Macgasm पर जाते हैं, तो मुखपृष्ठ पर शीर्षक टेक्स्ट और चित्र स्वचालित रूप से अधिक मोबाइल-अनुकूल आकार में बदल जाएंगे। अगर आप एक वेबसाइट बना रहे हैं और यह देखना चाहते हैं कि यह विभिन्न स्क्रीन आकारों पर कैसी दिखाई देती है, तो सफारी का नया रिस्पॉन्सिव डिज़ाइन मोड आपके लिए है।
इसे प्राप्त करने के लिए, आपको OS X El Capitan चलाने की आवश्यकता होगी, और यदि आपने पहले से ऐसा नहीं किया है, तो आपको Safari का विकास मेनू चालू करना होगा। ऐसा करने के लिए, सफारी> वरीयताएँ . पर जाएँ , उन्नत . क्लिक करें , फिर "मेनू बार में डेवलप मेनू दिखाएँ" लेबल वाले बॉक्स को चेक करें।
आप जिस वेबपेज पर काम कर रहे हैं, उस पर जाएँ, फिर डेवलप करें> रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें पर जाएँ। . ठीक उसी तरह, आप यह देख पाएंगे कि आपका पृष्ठ विभिन्न iOS उपकरणों के साथ-साथ अन्य सामान्य स्क्रीन रिज़ॉल्यूशन पर कैसा दिखता है। आप वेबपेज के किनारे पर माउस ले जाकर और बाएँ या दाएँ खींचकर देखने योग्य क्षेत्र का आकार बदल सकते हैं। विभिन्न देखने योग्य क्षेत्रों के बीच टॉगल करें, और देखें कि आपका वेबपेज डिवाइस से डिवाइस में कैसे बदलता है—आपको बस एक बग मिल सकता है जिसे आपने पहले नोटिस नहीं किया था।
एक बार जब आप कर लें, तो विकसित करें> उत्तरदायी डिज़ाइन मोड से बाहर निकलें पर जाएं ।