小编use*_*963的帖子

我有这个CSS代码:

#portrait{
  height: 300px;
  width: 550px;
  border: solid;
  margin-right: auto;
  margin-left: auto;
  word-wrap:break-word;
  overflow:hidden;
}
.image{
  float:left;
  height: 30%;
  border:solid 1px;
  padding: 1px;
  posit ion:relative;
}

和HTML:

<div id="portrait">
<img class="image" src="http://media.indiatimes.in/media/photogallery/2012/Dec/best_images_of_2012_1355117665_1355117684.jpg"/>
<!--Can't pull all images in here because it thinks my question is spam-->
<img class="image" src="http://adrao.com.sapo.pt/soajo_sol.jpg"/>
<img class="image" src="http://www.befrielsen1945.dk/temaer/internationalt/krigensgang/kilder/ofre.jpg"/>
<img class="image" src="http://ionenewsone.files.wordpress.com/2009/08/oj-simpson-smiling-murder-trial.jpg"/>
<img class="image" src="http://images.nymag.com/images/2/daily/2009/10/20091006_gossipgirl_560x375.jpg"/> 
<img class="image" src="http://images.nymag.com/images/2/daily/2009/10/20091006_gossipgirl_560x375.jpg"/>
</div>

我想要做的是让图像在x轴上溢出隐藏(而不是第一行中的第一个金发女人,我希望她在必要时被裁剪,但仍保留在第一行,依此类推).当我做溢出-x隐藏它将无法正常工作.对这个有什么想法吗？

请考虑在这里回答这个问题,即使你把它标记为重复,因为由于某种原因我无法让它与其他解决方案一起工作,虽然我试图寻求帮助但没有人回复...

我真正想要的是,$(document).ready(function(){browser goes fullscreen})但遗憾的是它无法正常工作,我渴望通过尝试在线找到解决方案,因为似乎没有任何工作!我有js文件很好地插入我的主要php文件(console.log工作)但它不会加载全屏无论代码行...

如果您可以提供在所有浏览器中工作的解决方案并且激活了密钥,那么我真的非常感谢.否则我会鄙视谷歌Chrome回答.非常感谢.

EDIT1:

我试过这个

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

以下仅在用户交互下进行:

addEventListener("click", function() {
    var
          el = document.documentElement
        , rfs =
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
    ;
    rfs.call(el);
});

其中我现在找不到,基本上我把它们结合起来$(document).ready(function(){---});但没有发生任何事情.