重新调整网页大小

时间:2013-04-07 05:47:24

标签: sql resize mysqli webpage

我是一名计算机科学专业的学生,​​我被赋予了一项任务,根据我们作为主题去做的事情来创建一个完整的网站。我的目的是创建一个关于谷歌眼镜的网站,旨在使网站重新调整大小,以便它可以在手机上打开,也可以在我自己的其他电脑屏幕上正确显示。我正在寻找有关重新调整网站大小的帮助,因为我不得不重新调整SQL代码的大小,如果有人能给我看一个例子,我真的很感激帮助。

<html>
     

帮助

     

     

     

     

           

     

     

     

<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About</a></li>
<li><a href="help.php">Help</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="Purchase.html">Purchase</a></li>    
<li><a href="index.html">Home</a></li>
     

     

     

                 

//定义一些变量:$ db_hostname ='localhost';   $ db_username = '根'; $ DB_PASSWORD = ''; $ db_database = '玻璃';

     

//连接MySQL $ db_server = mysql_connect($ db_hostname,   $ db_username,$ db_password);

     

//检查连接if(!$ db_server)是否存在错误(“无法执行   连接到MySQL:“。mysql_error());

     

// ...下一步是...... 2.选择数据库! mysql_select_db($ db_database)   或死(“无法连接到MySQL:”。mysql_error());

     

//创建一个SQL查询$ query =“SELECT * FROM help”;

     

//运行查询$ result = mysql_query($ query); if(!$ result)死了   (“无法运行查询”.mysql_error());

     

//第5步:输出结果。 / 计算从中返回的行数   查询并分配给变量 / $ number_rows =   mysql_num_rows($结果); //运行循环以输出所有行的数据   echo'

    '; for($ i = 0; $ i'; echo''; echo''。mysql_result($ result,$ i,   '标题')。 '



    ';回声'';回声   '
'; //步骤6:关闭与MySQL的连接mysql_close();

     

&GT;

     

     

     

     

版权所有2012.©

     

     

     

     

1 个答案:

答案 0 :(得分:1)

你问2个问题。我不会做你的任务,但我会把你推向正确的方向:)

首先,没有“重新调整SQL代码大小”这一点,除非你的意思是通过消除行来提高代码效率。此外,您发布的代码是 mysql ,(不幸的是不推荐使用)。你使用 mysqli example is found here

使用php连接到sql数据库的底线:

<?php
  //connect
  $link = mysqli_connect("localhost", "my_user", "my_password", "world");

  //execute query
  $query = "SELECT * FROM myTable";
  $result = mysqli_query($link, $query);

  //loop through results
  while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)){
    echo $row['myColumn'];
  }

  //disconnect
  mysqli_close($link);
?>

其次,可在不同分辨率下查看的网页布局称为“流畅”或“响应”布局。下面是一个流体示例 - 这意味着您在width而不是%中指定了px个元素:

<style>
.header{
  height:120px;
  width:100%;
}
.content{
  margin:auto;
  width:80%; 
}
</style>
<body>
  <div class="header">
    <div class="logo"></div>
  </div>
  <div class="content">
  </div>
</body>

将来,请努力尝试解决方案,而不是仅仅要求StackOverflow为您提供作业,欢呼:)