移动网站开发
移动网站开发
提问于 2011-07-05 08:51:57
我正在尝试制作一个移动网站，但我不确定如何声明文档，或者如何告诉浏览器将重点放在包含主要内容的区域，而不是整个网页。在移动网站上，手机显示内容，而不显示页面中没有信息的部分。我如何声明文档，以及如何像这样聚焦页面？
回答 2
Stack Overflow用户
发布于 2011-07-05 09:57:42
您必须创建另一个CSS文件。
您只需使用一个替代的CSS文件即可完成此操作，该文件可隐藏不相关的信息并更改宽度、字体大小等，以针对移动浏览器进行优化，例如：
<link rel="stylesheet" href="handheld.css" media="handheld"/>或者，你可以为你的网站制作一个单独的版本(如http://m.example.com/)，这样你就可以用不同的CSS加载不同的内容。无论哪种方式，这都不像告诉浏览器在移动设备上显示它那么容易。
Stack Overflow用户
发布于 2011-07-05 10:06:42
这样做的一种方法是some people have a problem with是媒体查询。您可以告诉CSS的某些部分仅当屏幕大于或小于特定宽度时才应用。可以在文件中使用@media命令执行此操作，也可以在带有media属性的HTML中的link元素中执行此操作。
More information about CSS media queries.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6577332
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号