調整html頁面jquery沒有豎線吧

我想調整html頁面的大小（現在只是垂直）。我正在使用jQuery來做到這一點。我能夠成功調整大小。但取決於圖像我要麼看到垂直或水平條（即使圖像適合）。我怎樣才能避免這個垂直和水平的酒吧？任何人都知道爲什麼會發生這種情況，我該如何解決這個問題？調整html頁面jquery沒有豎線吧

我的html代碼看起來像這樣。

要測試這個在你的文件夾中添加一些圖像（重命名圖像爲image.png）以及這個html代碼。

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src= "http://code.jquery.com/jquery-1.7.1.min.js"> 
</script> 
<script> 
var doc_height; 
function initial_stage(){ 
$("#check").css({ 
"transform-origin":"0 0", "-ms-transform-origin":"0 0","-webkit-transform-origin":"0 0","-moz-transform-origin":"0 0","-o-transform-origin":"0 0"}); 

} 
function scaleStage() 
{ 
var parentHeight = $(window).height(); 
var rescale= (parentHeight/doc_height)*.9; 
$("#check").css('transform', 'scale(' + rescale + ')'); 
$("#check").css('-o-transform', 'scale(' + rescale + ')'); 
$("#check").css('-ms-transform', 'scale(' + rescale + ')'); 
$("#check").css('-webkit-transform', 'scale(' + rescale + ')'); 
$("#check").css('-moz-transform', 'scale(' + rescale + ')'); 
$("#check").css('-o-transform', 'scale(' + rescale + ')'); 

} 

$(window).on('resize', function(){ 

scaleStage(); 
}); 

// Make it happen when the page first loads 
$(window).load(function(){ 
doc_height=$(document).height(); 
initial_stage(); 
scaleStage(); 
}); 

</script> 
</head> 
<body id="check"> 

<h2>Norwegian Mountain Trip</h2> 
<img border="0" src="image.png" alt="Pulpit rock" > 

</body> 
</html>

來源

2013-05-07 Thothadri Rajesh

如果你指的是溢流只是迫使他們隱藏：

.cssclass { 
    overflow-y: hidden; 
    overflow-x: hidden; 
}

到包含圖像的股利。

更多的技巧在這裏：http://www.w3schools.com/cssref/css3_pr_overflow-x.asp

<div class="cssclass"> 
    <img border="0" src="image.png" alt="Pulpit rock" > 
</div>

來源

2013-05-07 22:27:36 Madthew

我認爲它的工作。我剛添加了這個。 $（「＃check」）。css（{'overflow-y'：'hidden'， 'overflow-x'：'hidden' }）; – 2013-05-07 22:37:02

幹得好！ :-) – Madthew 2013-05-07 22:38:32

@ThothadriRajesh Kewl，檢查他的答案是否幫助你，是正確的！ – SpYk3HH 2013-05-07 22:41:02

調整html頁面jquery沒有豎線吧

回答

相關問題