Css定位和照片大小调整

我处于定位和照片大小调整的麻烦。下面是图片：Css定位和照片大小调整

enter image description here

1块 - 这是一个照片，应该是始终可见一切，第2和第3块大小取决于窗口大小（不滚动条！）。我应该怎么做？

2012-02-02 Lina

尝试3行3列的表格。 – joshua 2012-02-02 11:31:28

刚玩了一场。

试试这个。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $photoheight = $('.photo').css('width'); 
    $('.photo').css('height', $photoheight); 
    $(window).resize(function(){ 
     $photoheight = $('.photo').css('width'); 
     $('.photo').css('height', $photoheight); 

     }); 
    }); 
</script> 
<style> 
.photo { 
     min-width:200px; 
     width:25%; 
     max-width:400px; 
     background-image:url('http://4.bp.blogspot.com/-KWHpPk4f-kM/TdZY_dxWMRI/AAAAAAAAADc/6FHVzBLY-4o/s1600/flower-1.jpg'); 
     background-position:center center;} 
</style> 


<body> 
<div class="photo"></div> 

</body> 
</html>

来源

2012-02-02 12:17:21

我改变这个在IE中工作 – 2012-02-02 12:27:07

如果用CSS放置和居中放置图像，可以使用最小宽度和最大宽度，但我不知道如何垂直进行。

可能是JavaScript/jQuery脚本。

来源

2012-02-02 12:07:48

Css定位和照片大小调整

回答

相关问题