<meta标签都有哪些 name="viewport" content="width=device-width">这段代码意思

手机浏览器是把页面放在一个虚擬的“窗口”(viewport)中通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局)用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta标签都有哪些 tag让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持

一个常用的针对移动网页优化过的页面的 viewport meta标签都有哪些 标签大致如下:

width:可以让你将视ロ设置为某一特定的宽度,或者设置为设备屏幕的宽度如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

}

手机浏览器是把页面放在一个虚擬的“窗口”(viewport)中通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局)用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta标签都有哪些 tag让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持

一个常用的针对移动网页优化过的页面的 viewport meta标签都有哪些 标签大致如下:

width:可以让你将视ロ设置为某一特定的宽度,或者设置为设备屏幕的宽度如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

}

做完手机端的一个网页APP的项目了总体的来说比pc端的那个小巨蛋要简单的多的多,核心的代码就一句:

在做这手机端的网页页面时一开始还是不要一下子就去做,还是┅样先想想这么做,规划下这样才可以提高效率。

有些网页部位还可以写成组件那里需要用的上就直接套进去,然后再分开写一些細调的代码再应用进去,这样又可以提高工作量的效率就不用次次去写了。

}

我要回帖

更多关于 meta标签都有哪些 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信