В любом случае, чтобы вручную установить минимальный размер минимизации окна для всех браузеров?
Не стесняйтесь задавать вопрос, а также редактировать вопрос.
Хорошие ответы определенно оценены.
В любом случае, чтобы вручную установить минимальный размер минимизации окна для всех браузеров?
Не стесняйтесь задавать вопрос, а также редактировать вопрос.
Хорошие ответы определенно оценены.
Вы можете попробовать
body { min-width:600px; }
Вы получите горизонтальную полосу прокрутки, когда область просмотра будет меньше 600 пикселей. Это будет работать только в современных браузерах, поддерживающих свойство CSS минимальной ширины.
Я не думаю, что можно ограничить пользователя от изменения размера, и этого не должно быть!
Вам нужно будет использовать Javascript и создать соответствующее окно, чтобы это работало большую часть времени, так как вкладчиковые баузеры не позволят вам переопределить размер окна, содержащего другие вкладки. Даже тогда некоторые браузеры не позволят вам это сделать.
Используя 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)
Вы должны принять во внимание, что оба поведения выше являются спорными, и то, что вы описываете, эффективно ограничивает свободу использования пользователем своего браузера по своему усмотрению. Таким образом, я бы не ожидал, что это будет работать везде, но в тех местах, где это происходит, это код, который позволит вам это сделать.
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)
Здесь мое решение для обеспечения фактической минимальной ширины и высоты содержимого, которое включает в себя работу с различными размерами браузера "хром". Это не работает с Firefox, но я тестировал его в Edge и Chrome.
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);