39,084
社区成员
发帖
与我相关
我的任务
分享HTML5中div里面的内容缩放
求助各位大神，让DIV里面的内容可以放大缩小，就是淘宝手机页面中的电影票选座页面。我附上图，各位大神
大神们，我现在做的样子就是不能放大，只是放大前的样子，试过放大了，但是不能够滑动了，现在还原了，求方法，各位大神
大神们，我现在做的样子就是不能放大，只是放大前的样子，试过放大了，但是不能够滑动了，现在还原了，求方法，各位大神
...全文
请发表友善的回复…
发表回复
shihun_feel 2017-06-22
- 打赏
- 举报
grid布局，用vh、vw作单位
http://www.w3cplus.com/css3/line-base-placement-layout.html
wangqidianqijiaojian 2017-06-12
- 打赏
- 举报
试过来了，不可以啊！
似梦飞花 2017-06-01
- 打赏
- 举报
直接scale试试
wangqidianqijiaojian 2017-06-01
- 打赏
- 举报
正在做类似的页面 求解答
恪尽职守 2017-03-16
- 打赏
- 举报
实现div层的放大与缩小，参考实例如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.content
{
border: 1px solid #ccc;
width: 440px;
overflow: hidden;
margin: 10px;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
if ($('#content').height() > 400)
$('#content').height(400);
$('#bigger').toggle(function() {
$('#content').height($('#content').height() + 100);
$('#bigger').html('缩小');
}, function() {
$('#content').height($('#content').height() - 100);
$('#bigger').html('放大');
})
});
</script>
</head>
<body>
<div id="content" class="content">
内容1<br />
内容2<br />
</div>
<br />
<span id="bigger">放大</span>
</body>
</html>
qq_37541087 2017-03-01
- 打赏
- 举报
你好，你解决这问题了吗？我也在纠结这个事情
我本俗人 2014-10-22
- 打赏
- 举报
回答的人问着问着结果，LZ不见了Cheris2014 2014-10-17
- 打赏
- 举报
贴下源码。。。
业余草 2014-10-16
- 打赏
- 举报
上源代码，贴源代码看看
业余草 2014-10-16
- 打赏
- 举报
响应式设计，看看！！！
