首页 > 代码库 > 解决手机访问网站时整体相对屏幕缩小问题?(已解决)

解决手机访问网站时整体相对屏幕缩小问题?(已解决)

解决手机访问网站时整体相对屏幕缩小问题?(已解决)

自己开发出来的网站,在手机上访问时,总是整体小了一块,不能很好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,需要在开发代码中添加:

<meta name="viewport" content="width=device-width, initial-scale=1">  (可添加到第一行)


参数说明:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
此参数说明参考:http://www.2cto.com/kf/201308/240021.html