文章/答案/技术大牛

发布

社区首页 >问答首页 >动画溢出无法工作

问动画溢出无法工作
EN

Stack Overflow用户

提问于 2014-09-02 08:50:41

回答 2查看 62关注 0票数 0

我正在努力防止溢出在我的网站上，即使我有div与动画外流动。你可以在此链接看到它。

我做了overflow-x:hidden overflow-y:hidden

在主体上，html、页眉、页脚和云div。--它在桌面浏览器上工作得很好，但在移动平台上，你可以垂直和水平滚动。

为什么会这样呢？我的代码里没什么奇怪的。动画从-200 at开始，到2000 at结束(左)。

这是我的HTML：

> <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <meta name = "viewport" content = "width=device-width, height=device-height, minimum-scale=1, maximum-scale=1">
            <meta name = "apple-mobile-web-app-capable" content = "yes" /> 
            <link type="text/css" rel="stylesheet" href="css/normalize.css">
            <link type="text/css" rel="stylesheet" href="css/style.css">
        <title>Tweezers</title>
    </head>

    <body>

        <h2 class="tk-expo-sans-pro">we're working on our awesome website</h2>
        <img id="logo" src="img/logo.gif"/>
        <div class="land"></div>
        <div class="cloud1"></div>
        <div class="cloud2"></div>
        <div class="cloud3"></div>
        <footer>
            <h3 class="tk-expo-sans-pro">meanwhile you can reach us via:</h3>
            <a href="http://facebook.com/tweezers.co"><div class="icon-uniE600"></div></a>
            <div class="icon-uniE601"></div>
            <div class="icon-uniE602"></div>
            <div class="icon-uniE603"></div>
        </footer>
        <!---JS FILES-->
        <script type="text/javascript" src="//use.typekit.net/cxg8ost.js"></script>
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    </body>

</html>

我错过了什么？谢谢波阿兹。

css

animation

overflow

html

回答 2

Stack Overflow用户

发布于 2014-09-02 09:35:47

您在哪个移动设备中检查您的页面和在哪个浏览器中？

火狐18 Android设备也有类似的问题。请参考：http://jbkflex.wordpress.com/2013/04/04/css3-transformations-showing-content-outside-overflowhidden-region-in-firefoxandroid/

票数 1

Stack Overflow用户

发布于 2014-09-02 09:02:57

尝试在HTML页面中添加以下元标记，

<meta name="viewport" content="width=device-width,height=device-height">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25619421

复制

相似问题

问动画溢出无法工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动画溢出无法工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动画溢出无法工作
EN