有没有一种简单的方法可以让 HTML 页面为手机用户自动调整？我的页面：http ://www.xiexianhui.com/baxjoomla15/index0.html显然不适合我的索尼 xperia ray 手机。
问问题
44374 次
2 回答
25
您应该首先了解响应式网页设计的概念。太多了，这个问题太笼统了，无法回答所有问题。但简而言之，它需要 3 个组件：
- 媒体查询，为不同的屏幕尺寸提供不同的 css 样式。
- 流畅的 css 网格，因此网站的布局会自动适应屏幕的大小。
- 灵活的图像，因此所有图像都可以流畅地缩小，因此它们不会与内容容器重叠。
如果您只想让您的网站在手机屏幕上完整呈现，则必须使用viewport 元标记。把它放在<head>你的页面中：
<meta name="viewport" content="width=device-width">
您的页面将完全适合屏幕。但是你会注意到现在所有东西都非常小而且不可用。响应式网页设计就是解决这个问题的方法。
于 2012-06-20T20:53:45.950 回答
0
背负已经说过的内容：WURFL，http : //wurfl.sourceforge.net/，无线通用资源文件，是一个设备描述存储库 (DDR)，即一个将 HTTP 请求标头映射到配置文件的软件组件发出请求的 HTTP 客户端（台式机、移动设备、平板电脑等）的名称。
一条捷径：准备 3 种不同的布局，涵盖基本的旧手机、新的彩色手机以及高级功能手机和 PDA。这是一项相当简单的任务，同时提供了很好的结果。我也会看看这个链接。http://mobiforge.com/developing/story/introduction-wurfl
于 2012-06-20T21:00:56.203 回答