如何让用户放大或缩小html表的大小？

以及即时通讯工作的一个小音板的项目，我添加了一个东西来创建网站更动态如何让用户放大或缩小html表的大小？

当你点击增大/减小它增加/ descreases在按钮上的文本大小。不幸的是它没有用，除非它包含一个表格大小调整和一个按钮大小调整。

以下是行动中的代码：http://serverbc.ucoz.com/main.html
滚动到页面底部以查看按钮！

我需要添加什么才能很好地工作？

顺便说一句！这里是我如何做文本的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">  
    </script> 
    <div id="box1"> 
    <font color=white>rrrr</font> 
    </div> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".increaseFont,.decreaseFont").click(function(){ 
    var type= $(this).val(); 
     var curFontSize = $('#box1').css('font-size'); 
     if(type=='increase'){ 
     $('#box1').css('font-size', parseInt(curFontSize)+1); 
     } 
    else{ 
     $('#box1').css('font-size', parseInt(curFontSize)-1); 
     } 
     }); 
    }); 
    </script> 


    <div><input type="button" value="increase" class="increaseFont"></input></div> 
    <div><input type="button" value="decrease" class="decreaseFont"></input></div>

来源

2013-05-19 Name Duded

你的CSS有你的表作为一个固定的宽度'宽度：1050px;'。你限制了它，所以它不能增长。 – jfriend00

您正在使用固定宽度为您的按钮类Button。它不会以固定的宽度增长。从Button类删除宽度属性，然后尝试。

：选中此http://jsfiddle.net/akhilrs/qXHKn/

来源

2013-05-19 02:27:33 LX7

如何让用户放大或缩小html表的大小？

回答

相关问题