遇到这个问题也是醉了，看以半天也没有结局最后发现是配置问题

，真是晕倒。

问题是这样的，不描述了直接上图:

COCOS2D创建菜单，按钮区域和文字显示不一致_按钮区域偏下

创建了这样的一个菜单，下面红色的框框是我截图的时候画上去的，代码如下:


var SceneTestScene = cc.Layer.extend({
    ctor:function () {
      this._super();
      var size = cc.director.getWinSize();

    /*  var bg = new cc.Sprite(res.background_png);
      bg.x = size.width/2;
      bg.y = size.height/2;
      this.addChild(bg);*/
      cc.MenuItemFont.setFontName("Times New Roman");            
      cc.MenuItemFont.setFontSize(86);                  
      var item1 = new cc.MenuItemFont("Start", this.menuItem1Callback, this);
      item1.attr({
         x:size.width/2,
         y:size.height/2,
         anChorX:0.5,
         anChorY:0.5
      });
      
      var mn = new cc.Menu(item1,1);                
      mn.alignItemsVertically();
      mn.setColor(cc.color(255, 255, 0));
      mn.x=size.width/2;
      mn.y=size.height/2;
      this.addChild(mn);                        
            return true;
    },
    menuItem1Callback:function (sender) {
      cc.log("我被点击了" + sender);
    }
  });
SceneTestScene.scene = function () {
  var scene = new cc.Scene();
  var layer = new SceneTestScene();
  scene.addChild(layer);
  return scene;
};

我希望点击Start文字至少是给我一点提示，结果没有任何的反应。但是点击下面红色框框内却没有任何的反应，这个多让人烦，我们在网上查看原因说什么是像素的问题。也许是和像素有点问题吧。

说是像素的问题也可以理解。

问题清楚了我们怎样来解决:

这个和我们的配置有关系:

首先要保证config.json:


"init_cfg":{
        "isLandscape":true,
        "isWindowTop":false,
        "name":"CanyProject",
  ------>      "width":960,
  ------>      "height":640,
        "entry":"main.js",
        "consolePort":6050,
        "debugPort":5086,
        "forwardConsolePort":10088,
        "forwardDebugPort":10086,
        "forwardUploadPort":10090
    },

要保证上面的宽和高要和main.js中的:


cc.game.onStart = function(){
    cc.view.adjustViewPort(true);
    cc.view.setDesignResolutionSize(640, 960, cc.ResolutionPolicy.SHOW_ALL);
    cc.view.resizeWithBrowserSize(true);
    //load resources
    cc.LoaderScene.preload(g_resources, function () {
        cc.director.runScene(SceneTestScene.scene());
    }, this);
};
这个地方的640和960和上面的宽和高要一个个的对应
cc.view.setDesignResolutionSize(640, 960, cc.ResolutionPolicy.SHOW_ALL);

而且除此之外:

在config.json中的isLandscape:""这个要设置为true

如果这样的配置，我们需要保持是一直的，这样点击下去菜单才不会向下面偏。