Html Css定位和照片大小调整
我在定位和调整照片大小方面遇到了麻烦。图片如下：Html Css定位和照片大小调整,html,css,Html,Css,我在定位和调整照片大小方面遇到了麻烦。图片如下： 1块-这是一张照片，应该始终可见（没有滚动条！），2块和3块大小取决于窗口大小。我该怎么做呢？如果你用CSS放置图像并将其居中，你可以使用“最小宽度”和“最大宽度”，但我不知道如何垂直放置 可能是JavaScript/jQuery脚本。刚刚上演了一出戏 试试这个 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
1块-这是一张照片，应该始终可见（没有滚动条！），2块和3块大小取决于窗口大小。我该怎么做呢？如果你用CSS放置图像并将其居中，你可以使用“最小宽度”和“最大宽度”，但我不知道如何垂直放置 可能是JavaScript/jQuery脚本。刚刚上演了一出戏 试试这个
<!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>
$（文档）.ready（函数（）{
$photoheight=$（'.photo'）.css（'width'）；
$（'.photo'）.css（'height'，$photoheight）；
$（窗口）。调整大小（函数（）{
$photoheight=$（'.photo'）.css（'width'）；
$（'.photo'）.css（'height'，$photoheight）；
});
});
.照片{
最小宽度：200px；
宽度：25%；
最大宽度：400px；
背景图像：url（'http://4.bp.blogspot.com/-KWHpPk4f-kM/TdZY_dxWMRI/AAAAAAAAADc/6FHVzBLY-4o/s1600/flower-1.jpg');
背景位置：居中；}