Php 元素固定+；在浏览器中放大/缩小_Php_Html_Css_Fixed

Php 元素固定+；在浏览器中放大/缩小

php html css

Php 元素固定+；在浏览器中放大/缩小,php,html,css,fixed,Php,Html,Css,Fixed,我需要一些关于我的小css代码的帮助。我希望我的所有元素仍处于浏览器中放大和缩小的阶段我希望我的代码能稍加修改 CSS代码： form{ position:absolute; top:270px; right:490px; } input{ } ul{ margin-top: 330px; padding-left: 410px; } li{ padding:10px; list-style-type: none;

我需要一些关于我的小css代码的帮助。我希望我的所有元素仍处于浏览器中放大和缩小的阶段

我希望我的代码能稍加修改

CSS代码：

form{
    position:absolute;

    top:270px;
    right:490px;
}
  input{

  }

ul{

    margin-top: 330px;
    padding-left: 410px;
}

li{

    padding:10px;
    list-style-type: none;
    display:inline;
    font-size: 13px;
    font-family: "Lucida Console";
   }



h4{
    position: fixed;
    margin-left: 1115px;
    margin-top: -220px;
    letter-spacing: 2px;
}

索引代码：

<html>
 <head>
   <title>Pogo++</title>
    <link rel="stylesheet" type="text/css" href="search.css">
    <link rel="stylesheet" type="text/css" href="http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff">
  </head>

  <body>

   <center>
   <a href="search.php"> <img src="pogo++.jpg" width="510px" height="auto"> </a>
   </center>

   <form action = "search.php" method="get">

   Pogo: <input type="text" name="value" placeholder="Search Anything" style="height:40px; width:240px;"  >
   <input type="submit" name="search" value="Pogo It" style="height:40px">

   </form>

 <?php
   $con=oci_connect('system','system','localhost/XE');
     if(isset($_GET['search'])){



     $stid = oci_parse($con, 'SELECT * FROM search');
     oci_execute($stid);
       while($row=oci_fetch_array($stid)){
          $title = $row['title'];
          $link = $row['sitelink1'];
          $desc = $row['sitedesk1'];

     echo $title;

       }
     }
?>

  <a href=#><h4>&copy 2014 Pogosoft</h4></a>

   </body>

<footer>
 <ul>
  <li><a href="contact.php">Contact</a></li>
  <li><a href="conditions.php">Conditions and Terms</a></li>
  <li><a href="conf.php">Confidentiality</a></li>
  </ul>
</footer>
   </html>


波戈++
波戈：

为什么要将表单位置设置为绝对位置？。这不会让表单在我看到的所有窗口大小（或缩放）中都处于阶段中。所以我只需要调整代码行的位置：绝对到固定？因为我也试过了，但结果不是这样。是的，我想，或者如果你想让它居中，并且有一个绝对位置，你必须给它一个顶部和左侧的位置，加上百分比（50%，50%居中），给它留边顶部=（形状高度/2）和留边左侧=（形状高度/2）我建议你试着放大/缩小谷歌的首页。这就是我的意思，所有的元素都在它们的位置上。我想得到同样的效果，我会试试的。非常感谢您的回复。