如何使一些网页在移动设备上显示不同

时间:2011-12-28 20:57:49

标签: javascript html css mobile mobile-browser

我的网页很宽,很短,大约3页,手机浏览器上显示的宽和长页面都很好,但短页面只显示不到一半的屏幕。

无论如何,我可以为这3页中的每一页制作一个单独的页面,只有当有人使用手机时才会出现这些页面。

由于

4 个答案:

答案 0 :(得分:0)

您需要在每个页面上插入一些可以嗅出用户代理(网络浏览器和版本)的JavaScript。这是一个解释如何执行此操作的链接:

http://www.quirksmode.org/js/detect.html

完成后,将该页面的CSS文件交换为适合该设备的页面,或重定向到该设备的特殊HTML页面。

答案 1 :(得分:0)

如果您在Google上搜索“自适应设计”,那么就如何使用同一页面提出了很多建议,但在移动设备上却有不同的显示方式。

答案 2 :(得分:0)

除了“responsive design”之外,您还应调查“media queries”,这样您就可以调整CSS并帮助将元素与查看每个设备的显示尺寸对齐。没有必要的javascript How to use Media Queries in Mobile

答案 3 :(得分:0)

像其他人所说的那样。具有媒体查询的响应式网页设计是最佳选择。看看这些网站。

http://www.alistapart.com/articles/responsive-web-design/ http://www.stuffandnonsense.co.uk/projects/320andup/