找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

该用户从未签到

1

主题

2

帖子

0

威望

VIP会员

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

151 3
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学习博客



该用户从未签到

1

主题

2

帖子

0

威望

VIP会员

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

使用道具 举报

  • TA的每日心情
    开心
    13 小时前
  • 签到天数: 28 天

    [LV.4]偶尔看看III

    3

    主题

    657

    帖子

    53

    威望

    VIP会员

    安全认证VIP学员爱心达人毕业生宣传达人帅哥站长美女站长

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

    使用道具 举报

  • TA的每日心情

    5 小时前
  • 签到天数: 25 天

    [LV.4]偶尔看看III

    15

    主题

    113

    帖子

    8

    威望

    VIP会员

    VIP学员帅哥站长

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

    使用道具 举报

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

    关闭

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