创建HTML+；手机用CSS网站_Html_Css_Mobile

创建HTML+；手机用CSS网站

html css mobile

创建HTML+；手机用CSS网站,html,css,mobile,Html,Css,Mobile,我正在尝试为客户开发一个网站，他想要一个简单的启动/登录页面我有下面的网站链接左手边的四幅图像相当大，因为当你向下滚动互联网浏览器（以便其响应移动使用）或在实际移动设备中查看时，图像会变小，这正是我想要的我想要的是左手边的图像/图标要小得多，以便在互联网浏览器中正常浏览网站，手机上的一切都要缩小，但图像/图标要在手机上可以查看和点击我已附上下面的编码 <table width="100%" border="0" cellspacing="0" cellpadding="0

我正在尝试为客户开发一个网站，他想要一个简单的启动/登录页面

我有下面的网站链接

左手边的四幅图像相当大，因为当你向下滚动互联网浏览器（以便其响应移动使用）或在实际移动设备中查看时，图像会变小，这正是我想要的

我想要的是左手边的图像/图标要小得多，以便在互联网浏览器中正常浏览网站，手机上的一切都要缩小，但图像/图标要在手机上可以查看和点击

我已附上下面的编码

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25%"><div id="icons"><img src="images/myteam-btn.png" align="left" width="20%"/></div></td>
    <td rowspan="5"><div id="tnation"><img src="images/turbonation.png" align="left" width="35%"/></div></td>
  </tr>
  <tr>
    <td width="25%"><div id="icons"><img src="images/results-btn.png" align="left" width="20%"/></div></td>
  </tr>
  <tr>
    <td width="25%" height="400px">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%"><div id="icons"><img src="images/tickets-btn.png" align="left" width="20%"/></div></td>
  </tr>
  <tr>
    <td width="25%"><div id="icons"><img src="images/shop-btn.png" align="left" width="20%"/></div></td>
  </tr>
  <tr>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

任何帮助都会很好

谢谢

哦，不，哈哈。这里有很多事情要做，你不能以一种聪明的方式去做

您可以替换的东西很少：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

完全不做任何事情，因为页面上没有DIV容器

要使某些内容具有“响应性”，您可能需要在CSS文件的某些位置使用媒体查询

看起来你对HTML/CSS的理解充其量已经过时了，所以在你更熟悉基础知识之前很难对你有所帮助

只需为您的移动站点创建另一个webapp。您可以使用用户代理来检测用户是否正在使用移动设备。WURFL将非常有用。请检查你的密码。您可以做很多改进。

您是否尝试过让它更具响应性？当前站点不可用。或者你是在问“如何使它具有响应性？”我不会用桌子来做这个。谢谢大家的帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!DOCTYPE html>
<html lang="en">

div#tnation {min-width:200%; margin-top:-100px;}
div#icons {min-width:350%}