如何使我的网站与手机和平板电脑兼容

您正在寻找响应式网页设计！从媒体查询 http://mediaqueri.es/开始

另请查看此内容以更好地理解

http://www.slideshare.net/zomigi/building-responsive-layouts-15508821

除了其他人的回答之外，对于移动网站，您有两个基本选择。

您可以拥有不同的桌面和移动网站，也可以拥有适用于所有设备的单个响应式网站。

对于第一个选项，您可以将移动用户重定向到完全不同的 URL，您可以在其中托管仅限移动版本的站点。为此，您可以使用类似 http://detectmobilebrowsers.mobi/的东西来管理重定向，或者使用 .htaccess 文件进行重定向有很多变体。

Jquery Mobile是在此之后开发仅限移动站点的一种非常好的方法。

这种方法的优点是可以更轻松地开发网站的仅限移动设备的轻量级版本。一个缺点是您将有两个网站需要维护 - 桌面和移动。

另一种选择是其他人建议的响应式方法。在这里，您基本上有一个站点，该站点根据访问者浏览器的寡妇大小重新配置。Bootstrap和Foundation是两个很好的选择，还有很多其他的选择。

响应式网站依靠媒体查询来找出窗口大小。这在现代浏览器中得到了很好的支持，但旧版浏览器可能会出现问题，您可能需要解决。 响应式网站的一些优点是你只维护一个网站，理论上它适用于所有屏幕和窗口大小，所以当下一个具有不同屏幕尺寸的移动设备发布时，它不会引起问题。

祝你好运，这是做网页设计的有趣时刻。

你需要研究响应式设计。有许多免费的开源框架可以帮助您入门，也许最受欢迎的是引导程序和基础。