html - 如何使网页移动？

Question

是否有任何特定的 html 标记或元标记告诉网页是为移动设备设计的？我已经创建了一个链接移动网页的移动站点地图，但我担心搜索引擎不会将这些网页识别为移动版本。

Answer 1

我推荐使用 Media Queries 在您的 CSS 中，如果您要使用此技术，请首先专注于开发您的移动网站。

基本示例

@media only screen and (min-width: 480px){
  //insert styles SPEFIC to resolutions greater than 480px wide
}

关于评论:

//default CSS
.hidden-for-mobile{ display: none;}
//overrides the hidden style, and displays your element in larger resolution browsers.
@media only screen and (min-width: 480px){
  display: inline; //or block or whatever you want 
}

很可能有不同或更好的方法来实现这一点，但重点是......

如果您试图控制网站的外观/感觉，请尽量将其保留在样式表中

专业提示: 您需要使用 em/% 基于宽度来确保您的网站响应< em>正确地给你的用户浏览器

查看 HTML5 样板的工作示例 here .

和媒体查询浏览器支持列表 here

---

此外，如果您担心跟踪您的用户群， Google Analytics 可以为您做到这一点。您可以根据需要分割流量。