ब्राउज़र की खिड़की को कम करने के लिए न्यूनतम आकार सीमा निर्धारित करना?

Question

क्या सभी ब्राउज़र समर्थन के लिए मैन्युअल रूप से विंडो न्यूनीकरण के न्यूनतम आकार को सेट करने के लिए वैसे भी है?

प्रश्न पूछने में संकोच न करें और प्रश्न भी संपादित करें।

अच्छे उत्तरों की निश्चित रूप से सराहना की जाती है।

Answer 1

आप कोशिश कर सकते हैं

body { min-width:600px; } 

आप एक क्षैतिज स्क्रॉलबार एक बार व्यूपोर्ट 600px से कम हो जाता है मिल जाएगा। यह केवल आधुनिक ब्राउज़र में काम करेगा जो न्यूनतम चौड़ाई सीएसएस संपत्ति का समर्थन करता है।

मुझे नहीं लगता कि उपयोगकर्ता को आकार बदलने से प्रतिबंधित करना संभव है, और यह नहीं होना चाहिए!

Answer 2

आपको जावास्क्रिप्ट का उपयोग करना होगा और अधिकांश समय काम करने के लिए विंडो में सवाल बनाना होगा, क्योंकि टैबबड बाउंस आपको अन्य टैब वाले विंडो के आकार को फिर से परिभाषित नहीं करने देगा। फिर भी, कुछ ब्राउज़र आपको ऐसा करने नहीं देंगे।

window.open उपयोग करके, आप निर्दिष्ट करने के द्वारा आकार 640 * 480 की दी गई खिड़की बना सकते हैं:

window.open('http://www.your.url/','yourWindowsName','width=640,height=480'); 

खिड़की के भीतर आप कोशिश कर सकते हैं और resizeTo ऊंचाई और चौड़ाई निम्नलिखित की तरह resize ईवेंट हैंडलर से शुरू हो रहा:

function resizeToMinimum(){ 
    var minimum = [640, 480]; 
    var current = [window.outerWidth, window.outerHeight]; 
    var restricted = []; 
    var i   = 2; 

    while(i-- > 0){ 
    restricted[i] = minimum[i] > current[i] ? minimum[i] : current[i]; 
    } 

    window.resizeTo(current[0], current[1]); 
} 

window.addEventListener('resize', resizeToMinimum, false) 

आप उस खाते से ऊपर दोनों व्यवहार विवादास्पद हैं में रखना चाहिए, और क्या आप को प्रभावी ढंग से वर्णन कर रहे हैं उपयोगकर्ता की स्वतंत्रता को प्रतिबंधित करता है अपने ब्राउज़र का उपयोग करने के रूप में वे फिट देख। इस प्रकार, मैं यह हर जगह काम करने की उम्मीद नहीं करता - लेकिन जहां स्थानों पर यह करता है, यह वह कोड है जो आपको ऐसा करने की अनुमति देगा।

Answer 3

function resizeToMinimum(w,h){ 
    w=w>window.outerWidth?w:window.outerWidth; 
    h=h>window.outerHeight?h:window.outerHeight; 
    window.resizeTo(w, h); 
}; 
window.addEventListener('resize', function(){resizeToMinimum(100,100)}, false) 

Answer 4

वास्तविक न्यूनतम सामग्री चौड़ाई और ऊंचाई सुनिश्चित करने के लिए मेरा समाधान यहां है, जिसमें विभिन्न ब्राउज़र के "क्रोम" आयामों से निपटना शामिल है। यह फ़ायरफ़ॉक्स के साथ काम नहीं करता है, लेकिन मैंने इसे एज और क्रोम में परीक्षण किया है।

function ensureMinimumWindowSize(width, height) { 
    var tooThin = (width > window.innerWidth); 
    var tooShort = (height > window.innerHeight); 

    if (tooThin || tooShort) { 
     var deltaWidth = window.outerWidth - window.innerWidth; 
     var deltaHeight = window.outerHeight - window.innerHeight; 

     width = tooThin ? width + deltaWidth : window.outerWidth; 
     height = tooShort ? height + deltaHeight : window.outerHeight; 

     // Edge not reporting window outer size correctly 
     if (/Edge/i.test(navigator.userAgent)) { 
      width -= 16; 
      height -= 8; 
     } 

     window.resizeTo(width, height); 
    } 
} 

var resizeTimer; 
window.addEventListener('resize', function(event) { 
    clearTimeout(resizeTimer); 
    resizeTimer = setTimeout(function() { 
     ensureMinimumWindowSize(<width>,<height>); 
    }, 250); 
}, false);