博客文章

一行代码强制pc网站适配手机屏幕

04月11日

如何强制pc网站适配手机屏幕呢,跨屏平台教你一个简单有效的解决方案,通过增加meta标签来实现:

<meta http-equiv=”Content-type” name=”viewport” content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width”>

第一个meta标签表示:

强制让文档与设备的宽度保持1:1;

文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值);

user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小。

当然加了这个之后,还需要通过css代码来细微的调整才能达到网页在移动设备下适配并且显示友好,而这个需要有非常丰富的web前端开发经验才能很好的解决,跨屏平台基于强大的后台转码功能,提供一项快捷的一键pc网站适配手机服务。

返回