查看: 45|回复: 3

使PC端网页宽度自适应手机屏幕大小

[复制链接]
发表于 2018-11-9 02:49:12 | 显示全部楼层 |阅读模式
5学习币
很多站长使用了织梦不是自适应的模板,那么使用解决在移动端上展示的效果呢?
首先在网页的<head>中增加一个meta标签:
<meta 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:表示用户是否可以调整缩放比例。

当然如果你是想要一打开网页,则自动以原始比例显示,并且不允许用户拖动和放大缩小的话,则是:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no” />

那么较为常用的是上面这句。好的,这样就可以了,把这段标签放在你的模板里面。就能将网页的宽度放到手机上,让其自适应了。

                                                                                                                                                                                             ——SEO学习博客



 楼主| 发表于 2018-11-9 02:50:16 | 显示全部楼层
博客链接:www.tzrseo.com
回复

使用道具 举报

发表于 2018-11-9 09:30:59 | 显示全部楼层
如果只是添加这一句就能自适应,请给我来一打网站,天真了
回复

使用道具 举报

发表于 2018-11-9 15:27:37 | 显示全部楼层
这个只是让网站的宽度等于可视宽度,主要还是靠class的css样式来控制调节的。
回复

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

SEO研究中心(moonseo.cn)是互联网最大的搜索引擎优化研究中心,是致力于培养学员用户体验意识和提供专业技术解答的专业培训机构, 成立于2007年,2008年第一家入驻歪歪的培训机构,2014年成为腾讯课堂战略合作机构。
© 2001-2013 Comsenz Inc. 湘ICP备13004652号-1 Powered by Discuz!X3.4 
快速回复 返回顶部 返回列表