Make Chrome and Firefox display a viewport

Question

I may just be missing something but neither this meta tag:

<meta id="gameViewport" name="viewport" content="width:device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui, target-densityDpi=device-dpi">

nor these css3 directives:

@-webkit-viewport {
    height: 704px;
    width: 1280px;
}
@-viewport {
    height: 704px; 
    width: 1280px;
}
@viewport {
    height: 704px; 
    width: 1280px;
}

seem to be making any difference at all, chrome and ff don't responsively change the viewport. Is there another way I should be doing this? For ie I was able to use the very simple:

@-ms-viewport {
    height: 704px;
    width: 1280px;
}

css3 directive to get what I wanted but apparently that is not supported on other browsers? Am I doing something wrong with what I have or is there a better way to achieve the same thing in ie in other browsers? The site I'm working on is hosted here: damiankulp.com/damian/gallery/protobox

Answer 1

不确定，但是用content="width=device-width, ..."代替content="width:device-width, ..."可能会有所帮助。