移动网站开发

时间:2011-07-05 00:51:57

标签: html mobile web

我正在尝试建立一个移动网站,但我不确定如何声明文档或如何告诉浏览器专注于主要内容而非整个网页的区域。在移动网站上,手机会显示内容而不显示没有信息的页面部分。如何声明文档以及如何将页面聚焦在这样的位置?

2 个答案:

答案 0 :(得分:0)

您必须创建另一个CSS文件。

您可以使用备用CSS文件来隐藏无关信息并更改宽度,字体大小等,以便针对移动浏览器进行优化,例如:

<link rel="stylesheet" href="handheld.css" media="handheld"/>

或者,您可以创建一个单独的网站版本(例如http://m.example.com/),以便它实际上使用不同的CSS加载不同的内容。无论哪种方式,它都不像告诉浏览器将其显示在移动设备上那么容易。

答案 1 :(得分:0)

执行此操作的一种方法是some people have a problem with是媒体查询。您可以告诉CSS的某些部分仅在屏幕大于或小于某个宽度时应用。您可以使用@media命令在文件中,或使用link属性在HTML中的media元素中执行此操作。

More information about CSS media queries.