如何布局手机wap网站的导航区？

测试网站时，调整浏览器窗口大小或更改屏幕方向时，每个部分保持其相对位置并拉伸以填充整个区域。虽然此功能在某种程度上取决于所使用的设备和浏览器，但在使用jQueryMobile 时，每个部分将始终尝试保持在应有的位置。

在本章中，您了解了移动网站的三个基本部分，即页眉、内容区域和页脚。将这些部分组合在网页上，并使用jQueryMobile 库使它们在浏览器中呈现为移动站点。

您还了解到可以为每个部分使用有效的HTML，并且可以为每个部分使用内联样式来控制内容的样式。还可以通过外部CSS 文件控制样式。

您学习了如何将图像添加到您的网站并使其缩放。最后，您学习了如何在HTML 文件中使用多个“页面”元素以及如何使用按钮在页面之间导航。

FAQ

Q: 我见过一些移动网站有导航字段、角色图标或初始屏幕，以及一些呼叫响应按钮。这些如何映射到移动网站的“三个主要部分”？

答： 导航域可以放在多个区域。一些导航字段包含在页眉部分，其他的则放在整个页脚部分。至于呼出按钮，很多网站会在页眉部分或内容区的固定位置放置一个，在浏览网站时保持不变。许多元素构成了一个移动网站。 “三个主要部分”是一种帮助您划分站点和考虑布局的方法。

Q: 我可以在任何部分使用任何HTML 标签吗？还是只有用过的？

答： 任何标签，只要是有效的HTML标签，都可以使用。某些标记可能由内部主题系统设置样式，但始终可以覆盖样式或使用不同的标记。可能导致失败的标签是那些无效或未创建的标签。

问： 为什么图片的样式设置为“max-width:100%'？

回答： 这允许图片自行缩放。通过将所有图片标签的样式设置为“max-width:100%”，告诉浏览器图片不要超过父容器，而是尽可能靠近父容器。这样做，当父容器小于图像的实际大小，图像将按比例缩小以适合父容器。请注意，如果您在较旧的浏览器中查看移动站点，图像可能仍会超出父容器。

信息来源推来客：手机网站建设