4个月前 (10-03)  技术文档 |   抢沙发 下载次数 25 
文章评分 0 次,平均分 0.0

无论是电脑还是手机,要做到自适应屏幕,其实都是一样的。首先,在网页代码的头部,

加入一行viewport标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,

 minimum-scale=1.0, user-scalable=no" />

viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),

原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

即让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放。

其次:网页宽度css一定要使用百分比width: xx%;,不能用绝对像素。当然可以用width:auto;

流动布局:

.left{

float: left;

width: ***%;

}

选择加载css:

您暂时无权访问此隐藏内容!

内容查看

价格  元宝

您需要先才能查看隐藏内容!

本站程序都是固态压缩以后上传百度云的,需要下载以后用winrar工具解压,否则可能提示“文件损坏”等无法解压的情况,,望须知!

 

除特别注明外,本站所有文章均为创E资源原创,转载请注明出处来自http://www.chuange8.cn/2018/10/04/tjcsszsy/

发表评论

暂无评论

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

扫一扫二维码分享