网站建设
手机微网站Industry News

您的位置:首页 > 新闻资讯 > 手机微网站

HTML5手机网站开发页面宽度解决方案

大连网站建设 手机微网站 2013-08-30

相信大家都知道,现在市面上手机的屏幕尺寸多种多样,2.8寸、3.0寸、3.2寸、3.5寸、4.0寸、4.2寸、4.5寸等等,随之而来的手机分辨率也千差万别,有240*320像素、320*480像素、480*800像素、640*960像素等等,其中480*800像素和640*960像素是主流的,但智能手机的发展速度大家有目共睹,随着手机的发展,不同尺寸的手机会陆续出现,这就给手机网站的开发带来非常大的麻烦,如何让自己的手机网站在不同尺寸的手机都能完美展示,手机网站的设计稿要设计成多大才合适?

viewport语法如下:

02 <meta name="viewport"

04 height = [pixel_value | device-height] ,

06 initial-scale = float_value ,

08 maximum-scale = float_value ,

10 target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]

12 />

控制 viewport 的大小,可以指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

和 width 相对应,指定高度。

一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素密度的屏幕每英寸上的像素点更多。Android Browser和WebView默认屏幕为中像素密度。

device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。

medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大, 像素密度设备相应缩小。 这是默认的target density.

<value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。

2 <meta name="viewport" content="target-densitydpi=device-dpi" />

4 <meta name="viewport" content="target-densitydpi=medium-dpi" />

6 <meta name="viewport" content="target-densitydpi=200" />

initial-scale

maximum-scale

user-scalable

所有的缩放值都必须在0.01–10的范围之内。

(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)

(设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放)

<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

本站部分文章内容源于互联网收集,若侵犯了您的权益,请与本站管理员联系。大连全网营销

最新案例

更多解决方案

更多最新文章

© Copyright 2012-2017 wangjianbao.com All Rights Reserved. 网建宝 版权所有

大连网建科技有限公司 备案号:辽ICP备16000684号-1

魏先生:139-9853-9835 QQ:363555000