全国服务热线:4008-888-888

技术知识

网页页面宽度全自动融入手机上显示屏宽度的完

1般的写法以下:

XML/HTML Code拷贝內容到剪贴板
  1. <meta name="viewport" content="initial-scale=1.0">  

较多的写法:

XML/HTML Code拷贝內容到剪贴板
  1. 1.<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />       


网页页面的<head>中提升以上这句话,可让网页页面的宽度全自动融入手机上显示屏的宽度。
在其中:

width=device-width :表明宽度是机器设备显示屏的宽度
initial-scale=1.0:表明原始的放缩占比
minimum-scale=0.5:表明最少的放缩占比
maximum-scale=2.0:表明最大的放缩占比
user-scalable=yes:表明客户是不是能够调剂放缩占比

假如是要想1开启网页页面,则全自动以初始占比显示信息,而且不容许客户改动的话,则是:


拷贝编码
编码以下:

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


这模样写后,便可以把1些页头横幅等的照片的宽度都设定成style="width:100%",全部网页页面在机器设备上看起来便是全屏的了。



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服