css3动画在手机上没显示出来，css3实现动画的方法

为什么CSS3的响应式网站在手机和平板上滑不动

1、…例如我记得win phone的系统，微信，手机百度都是不支持css3的，所以也就不可能实现你用css3写的响应式了~建议你直接采用css的流动式布局，写手机页面。如果有多余，可加上响应式代码，用来支持高级浏览器。

2、火狐是直接使用响应式模式；chrome是进入调试模式，然后点击那个小图标（像手机/平板的那个），在开发者工具条最上面。

3、因为响应式设计需要对多个界面兼容、功能调试，导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。

4、响应式网站是同一个域名在不同的设备上，都可以显示，只是排版有区别，基板上就是兼容PC端，和平板、手机等设备。非响应式网站（移动站）只的是只适合平板手机，在pc端效果不好。

5、对脚本的解析，就更辣鸡了。一句话，微信上能运行的效果，手机浏览器上肯定能运行。

相关问答

Q1: 为什么用HTML5和CSS3做好的页面放到APP里就不能显示了?

1、因为：部分js或css代码写得不好，不兼容引起的(这个是我乱猜出来的答案给你行么？)我的电脑在部分时间上不了网，你帮我分析下什么原因，恐怕就这么点信息你也只有猜吧。

2、亲，你好，很乐意为你解答问题，目前并不是所有手机浏览器都支持HTML5+CSS3的功能 所以并不是你使用了CSS3的制作方法，所有手机就会识别你的制作方法。

3、当使用HTML5和CSS3l做UI时，若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的话，这也就失去了WEBAPP的本质意义了，且有些效果也无法实现的，所以在此又回到了我们的主题–webapp的布局方式和技术。

Q2: 手机上的css3动画为什么不动

你好，这个问题应该是css兼容性问题导致的。

所以说，当系统接收到Touch事件之后会优先响应，此时会暂停屏幕上包括js、css的渲染。这个时候不光是css动画不动了，哪怕页面没有加载完如果你手指头还停留在屏幕上那么页面也不会继续加载，直到你的手松开。

-webkit-animation：rotateplane 2s infinite ease-in-out；通过这段代码我们能知道这个animation的动画名是rotateplane，在开发者工具中查找相关到文件是showcase_ddb08a6630.css。

从上面的代码可以看出，由于是使用css3强大的动画效果，所以我的结构定义的非常简单（在符合语义的前提下），同时没有引用到javascript脚本文件。

Q3: html5+css3做的下拉菜单在部分手机浏览器中无法显示,请教高手!

亲，你好，很乐意为你解答问题，目前并不是所有手机浏览器都支持HTML5+CSS3的功能 所以并不是你使用了CSS3的制作方法，所有手机就会识别你的制作方法。

/html 从上面的代码可以看出，由于是使用css3强大的动画效果，所以我的结构定义的非常简单（在符合语义的前提下），同时没有引用到javascript脚本文件。

手机端的话，因为渲染方式不一样，所以部分JS是不太兼容，少数，大多数在安卓自带浏览器上都支持很好。

）实际操作时，跟普通的制作页面没有啥大的区别，看你的功能需求而定。其实很多HTML5+CSS3的新特性在一般页面制作时用不上。3）加强测试，直接以Safiri作为基础浏览器进行开发就可以了，不支持的内容立即就能看出来。

HTML5第一阶段： Web 增强与破垄断 自HTML5诞生以来，一共经历了两个阶段，分别是Web增强和移动互联网。我们先从Web 增强说起。web体验的丰富增强主要表现在： webapp，比如gmail； 流媒体； 游戏。

播放不了是因为手机浏览器不支持html5的这个video新特性。

关于css3动画在手机上没显示出来和css3实现动画的方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。