Reeoo移动版主题是如何控制图片的宽度自适应的?

Reeoo移动版的主题基于WPtouch插件制作而成,感觉很好看,但有一个问题想请教一下,它是如何控制图片的宽度自适应的呢?能控制自适应是不是也可以控制保留图片的原始尺寸不进行缩放呢?

Reeoo移动版地址:http://www.prower.cn/work/2226

(上次修改于2012-04-30,查看历史版本。)
共有1个回答 按发表时间排序
  • 0
    奥凸Men - 2012-04-30

    一般移动网页,会通过meta标签的viewport来进行页面的尺寸控制

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

    在这里面的content的值可以设置相关的属性及参数:

    width:控制 viewport 的大小,可以指定的一个值或者设置为device-width(设备的宽度);
    height:和 width 是一样的;
    initial-scale:初始缩放比例,也即是当页面第一次 load的时候缩放比例;
    maximum-scale:用户所能缩放到的最大比例;
    minimum-scale:用户所能缩放到的最小比例;
    user-scalable:用户是否可以手动缩放页面尺寸;

    可以参考一下Mozilla开发者页面里关于viewport的描述说明

做好事要留名,请先登录再回答,如果还没有帐户请先注册