Fatal编程技术网
  • jquery/
  • Jquery 停止CSS在使用百分比时调整大小

Jquery 停止CSS在使用百分比时调整大小

jquery html css layout

Jquery 停止CSS在使用百分比时调整大小,jquery,html,css,layout,space,Jquery,Html,Css,Layout,Space,当我在css中使用百分比时，如何使我的页面不调整大小？ 还有别的办法吗？调整页面大小时，div相互碰撞，图片被压扁。 这是我的密码： <!DOCTYPE html> <html> <head> <link rel="StyleSheet" href="StyleSheets/StyleSheet.css" /> <title>TeraShare</title> <script type="tex

当我在css中使用百分比时，如何使我的页面不调整大小？ 还有别的办法吗？调整页面大小时，div相互碰撞，图片被压扁。 这是我的密码：

<!DOCTYPE html>
<html>
<head>
    <link rel="StyleSheet" href="StyleSheets/StyleSheet.css" />
    <title>TeraShare</title>
    <script type="text/javascript" src="JQuery/JQuery.js"></script>
    <script type="text/javascript" src="Scripts/JavaScript.js"></script>
</head>
<body>
    <div id="Container">
        <div id="Menu">
            <div id="Logo"><a href=""><img src="Pictures/Logo.png"></a></div>
            <div id="Buttons">
                <a href="LogIn/"><div class="Button">LogIn</div></a>
                <a href="Register/"><div class="Button">Register</div></a>
            </div>
        </div>
        <div id="Wrap">
            <div id="Content">
                <div id="Slide">
                    <div><img src="Pictures/Cloud1.jpg" class="Slide"></div>
                    <div><img src="Pictures/Cloud2.jpg" class="Slide"></div>
                    <div><img src="Pictures/Cloud3.jpg" class="Slide"></div>
                </div>
            </div>
            <div id="Footer">
                <table>
                    <tr><td><h4 class="Text">Support</h4></td><td class="TD"><h4 class="Text">Legal</h4></td></tr>
                    <tr><td><a href="Contact.php" class="Link">Contact Us</a></td><td class="TD"><a href="Terms.html" class="Link">Terms of Service</a></td></tr>
                    <tr><td></td><td class="TD"><a href="Privacy.html" class="Link">Privacy Policy</a></td></tr>
                </table>
            </div>
        </div>
    </div>
</body>
JQuery：

    $(document).ready(function()
{
    var Height = $(document).height();
    var Width = $(document).width();
    var BHeight = $('#Buttons').height();

    $('#Container').css({"height" : Height, "width" : Width});
    $('#MWrap').css({"left" : Width/2 - 956/2});
    $('#Buttons').css({"top" : 50/2 - BHeight/2});
    $('#Content').css({"height" : Height - 50});


    $("#Slide > div:gt(0)").hide();

    setInterval(function() { 
      $('#Slide > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#Slide');
    },  5000);
});
百分比是流动的。阻止它们重新调整大小的唯一方法是将
min width
、
max width
或特定像素值设置为相关元素或其父容器。

百分比是流动的。阻止它们重新调整大小的唯一方法是将
min width
、
max width
或特定像素值设置为相关元素或其父容器。

快速修复方法可能是将
主体的宽度设置为静态宽度


body{
    width: 1000px;
    margin: 0 auto;
    position:relative;
}



通过这种方式，您的百分比基于静态值
一个快速解决方案可能是将
主体的宽度
设置为静态宽度


body{
    width: 1000px;
    margin: 0 auto;
    position:relative;
}



这样，您的百分比是基于静态值的
我唯一想做的就是删除百分比并在JQuery中执行它们以使其静态。我不确定为什么我唯一想做的是删除百分比并在JQuery中执行它们以使其静态。我不确定为什么作品谢谢你，伙计，你得到一张支票，但我无法提高投票率，因为我没有足够的代表。几乎是这样。谢谢你，这解决了我面临的许多问题。这是我经常遇到的最大问题之一。为了记录在案，将来你应该给我们一个包装div，宽度为px，以使你的百分比正常化。使用body标签有点不方便。我通常这样做，但在这种情况下，我希望整个屏幕都被填满。我感到困惑。那么我的解决方案有什么帮助呢？它起作用了！谢谢你，伙计，你得到一张支票，但我无法提高投票率，因为我没有足够的代表。几乎是这样。谢谢你，这解决了我面临的许多问题。这是我经常遇到的最大问题之一。为了记录在案，将来你应该给我们一个包装div，宽度为px，以使你的百分比正常化。使用body标签有点不方便。我通常这样做，但在这种情况下，我希望整个屏幕都被填满。我感到困惑。那么我的解决方案有什么帮助呢？