2014-01-20 3 views
0

Я хочу, чтобы уменьшить размер высоты, полученного от следующего кода:как уменьшить размер окна холста

var pageHeight = $('[data-role="page"]').height(); 

Я попытался следующим образом:

var newHeight=(pageHeight)-50px; 
$('#map-canvas').css({'height':newHeight}); 

Я не смог получить новыйHeight.

+0

При изменении высоты холста с помощью стиля CSS, холст будет держать его внутреннее разрешение, но будет пересчитывается в браузере, чтобы соответствовать новым размер. В результате холст будет выглядеть размытым. Чтобы этого избежать, измените атрибуты ширины и высоты самого HTML-узла. – Philipp

+0

Какова ваша структура HTML и CSS? –

ответ

1

Удалить : из jQuery и использовать , и {..} не нужны.

попробуйте это.

var newHeight=(pageHeight)-50px; 
$('#map-canvas').css('height',newHeight); 
1

Вы можете просто использовать height()

$('#map-canvas').height(newHeight); 
+0

... а затем # map-canvas будет очищен, так что не забудьте также перерисовать все, что было на нем. – markE

Смежные вопросы