html5缩放,html5缩放对应的函数,及参数如何填写?

html5里面怎样自动适应手机屏幕的高度

有两种

1.通过设置viewport参数

2.使用css3中的缩放

两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

/spanmeta name=“viewport” content=“width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes” /

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。

其中：

width=device-width ：表示宽度是设备屏幕的宽度

initial-scale=1.0：表示初始的缩放比例

minimum-scale=0.5：表示最小的缩放比例

maximum-scale=2.0：表示最大的缩放比例

user-scalable=yes：表示用户是否可以调整缩放比例

相关问答

Q1: html5网页按比例缩放

meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/

上面的参数看名知意，按需修改。

Q2: HTML5图片缩放后如何正确截图

通过原图和缩放图的大小比例来计算，在缩放图上的截取原图应该取多大，以及位置。

Q3: 手机html5页面缩放问题

手机页面最好不要用实打实的宽的来写，不同手机上面的宽度显示是不同的。百分比是最好的选择，或者你写成响应式

Q4: html5如何做到页面大小跟浏览器大小一样自动缩放？

楼下正解，就是响应式布局（RWD），可以用一些自动实现的框架，比如bootstrap。

原理我想就是动态css吧，有个东西叫less框架，可以去看看。应该无非就是用百分比代替写死的像素大小。。