Я работаю над my web site. Если вы перейдете на страницу после входа в систему, вы увидите, что страница прокручивается по горизонтали и по вертикали. Возможно ли, чтобы страница соответствовала всему экрану без необходимости прокрутки? Я использую материализацию, а второй столбец сайта (бледно-голубая) имеет 2px margin.Страница, соответствующая экрану без полос прокрутки
Спасибо!
(для входа в "Prova" и "Prova")
РЕШИТЬ:
body {
overflow:hidden;}
Да, это возможно. Просто отключите прокрутку. Вы можете получить ширину и высоту экрана в начале. Затем напишите что-нибудь подобное, чтобы обновить размеры вашего компонента.
function updateSize() {
var winWidth = $(window).width(),
winHeight = $(window).height();
$('.loginButton').css({
width:winWidth * 0.2,
height:winHeight * 0.2
});
}
$(window).resize(function() {
updateSize();
});
Можно ли обойтись без JS? –
Спасибо, я попробую. Другой вопрос: Что такое строка «$ :('. LoginButton'). Css()"; –
@RobertoAureli Да, это можно сделать без javascript. На самом деле, нет смысла использовать js вообще. – Rob
У вас есть запас 2px на #map, который вызывает горизонтальную полосу прокрутки.
Вам необходимо добавить doctype <!DOCTYPE html>. Все современные веб-страницы требуют этого, иначе вы будете в "quirks mode"; место, где вы никогда не захотите. Добавление, которое может немного изменить ваш макет, но вы начали в причудах. Вы не хотите быть в причудах.
Могу ли я удалить scollbar без удаления поля? И для вертикального? (я добавил doctype) –
Я не понимаю цель 2px margin. – Rob
Только для «эстетических» причин –
Как мы должны пройти экран входа? Кроме того, вам не хватает требуемого типа doctype для входа в систему, что заставляет меня думать, что вам тоже не хватает его на остальной части сайта. – Rob
попробуйте «prova» и «prova» –