（1）魅族手机，播放音乐，无故暂停。不管是自带的音乐播放程序，还是下载的其他音乐播放器都是如此。
而且，手机上有个Google服务耗电量非常高,会经常弹出登陆Google账号的弹出项。

（2）Metro UI CSS tile中的字如何居中，看官方是示例是给了一个图片！而且holder.js要在支持html5的浏览器下才能有效。
我是否可以使用SVG呢？！

（3）tile小例子：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <link href="css/metro-bootstrap.css" rel="stylesheet">

    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet">

    <link href="css/iconFont.css" rel="stylesheet">

    <link href="css/docs.css" rel="stylesheet">

    <link href="js/prettify/prettify.css" rel="stylesheet">

    <!-- Load JavaScript Libraries -->

    <script src="js/jquery/jquery.min.js"></script>

    <script src="js/jquery/jquery.widget.min.js"></script>

    <script src="js/jquery/jquery.mousewheel.js"></script>

    <script src="js/prettify/prettify.js"></script>

    <!-- Metro UI CSS JavaScript plugins -->

    <script src="js/load-metro.js"></script>

    <title>Metro UI Demo: my_demo_001</title>

</head>

<body class="metro">

    <div class="example">

        <div class="tile"></div>

        <div class="tile double"></div>

        <div class="tile selected"></div>

    </div>

    <div class="example">

        <div class="tile half block"></div>

        <div class="tile block"></div>

        <div class="tile double block"></div>

        <div class="tile triple block"></div>

        <div class="tile quadro block"></div>

    </div>

    <div class="example">

    </div>

    <div class="example">

        <div class="tile double-vertical"></div>

        <div class="tile triple-vertical"></div>

        <div class="tile quadro-vertical"></div>

    </div>

    <div class="example">

        <div class="tile half block double-vertical"></div>

        <div class="tile double-vertical block"></div>

        <div class="tile double double-vertical block"></div>

        <div class="tile triple double-vertical block"></div>

        <div class="tile quadro double-vertical block"></div>

    </div>

    <div class="example">

        <div class="tile bg-cyan">

            <div class="brand">

                <div class="badge">99</div>

            </div>

        </div>

        <div class="tile bg-cyan">

            <div class="brand">

                <div class="badge activity"></div>

            </div>

        </div>

    </div>

    <div class="example">

        <div class="tile bg-cyan">

            <div class="brand">

                <div class="badge"><i class="icon-rocket"></i></div>

            </div>

        </div>

        <div class="tile bg-darkRed">

            <div class="brand">

                <div class="badge bg-red"><i class="icon-broadcast"></i></div>

            </div>

        </div>

    </div>

    <div class="example">

        <div class="tile bg-darkPink">

            <div class="tile-content icon">

                <i class="icon-cart-2"></i>

            </div>

            <div class="tile-status">

                <span class="name">Store</span>

            </div>

        </div>

        <div class="tile double bg-amber">

            <div class="tile-content icon">

                <i class="icon-play-alt"></i>

            </div>

            <div class="brand bg-black">

                <span class="label fg-white">Player</span>

                <div class="badge bg-darkRed paused"></div>

            </div>

        </div>

        <div class="tile">

            <div class="tile-content image">

                <img src="data:images/author.jpg">

            </div>

            <div class="brand">

                <span class="label fg-white">Images</span>

                <span class="badge bg-orange">12</span>

            </div>

        </div>

        <div class="tile double">

            <div class="tile-content image">

                <img src="data:images/4.jpg">

            </div>

            <div class="brand bg-dark opacity">

                <span class="text">

                    This is a desert eagle. He is very hungry and angry bird.

                </span>

            </div>

        </div>

    </div>

    <div class="example">

        <div class="tile bg-cyan">

            <div class="tile-content icon">

                <i class="icon-rocket"></i>

            </div>

        </div>

        <div class="tile bg-green">

            <div class="tile-content icon">

                <img src="data:images/excel2013icon.png">

            </div>

        </div>

        <div class="tile double" data-click="transform">

            <div class="tile-content image">

                <img src="data:images/1.jpg">

            </div>

        </div>

        <div class="tile double">

            <div class="tile-content image-set">

                <img src="data:images/1.jpg">

                <img src="data:images/2.jpg">

                <img src="data:images/3.jpg">

                <img src="data:images/4.jpg">

                <img src="data:images/5.jpg">

            </div>

        </div>

    </div>

    <div class="example">

        <div class="tile bg-cyan">

            <div class="tile-content icon">

                <i class="icon-rocket"></i>

            </div>

        </div>

        <div class="tile bg-cyan">

            <div class="tile-content text-center">

                <h3>Welcome</h3>

            </div>

        </div>

    </div>

    <div class="example">

        <p class="text-left">Left aligned text.<p>

        <p class="text-center">Left aligned text.<p>

        <p class="text-right">Left aligned text.<p>

        <p class="text-justify">Justify aligned text.<p>

    </div>

    <div class="example">

        <div class="tile triple block">

        <img src="data:image/png;base64,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" data-src="js/holder/holder.js/380x120" alt="380x120" style="width: 380px; height: 120px;">

        </div>

    </div>

    <div class="example">

        <div class="tile triple block">

        <img src="" data-src="js/holder/holder.js/380x120" alt="380x120" style="width: 380px; height: 120px;">

        </div>

    </div>

    <div class="example">

    </div>

    <div class="example">

    </div>

    <div class="example">

    </div>

</body>

</html>

（4）

10.14_魅族手机音乐播放无故暂停,MetroUICss-tile中的字如何居中的更多相关文章

  1. 【源码分享】mui实现简单的手机音乐播放器

    mui实现简单的手机音乐播放器 最近先来无事,我用mui写了一个可以跨页面控制的音乐播放器.主要功能有上一曲,下一曲,播放,暂停,感兴趣的可以继续看下去. 说的总是不实在,直接上源码,有兴趣的可以读下 ...

  2. 酷狗、QQ、天天动听——手机音乐播放器竞品对比

    如果说什么艺术与人们生活最贴近,那应该属音乐了,因此当代人不离身的手机里必然会有自己喜欢的音乐播放器APP存在. 在当今无论PC端还是手机端音乐播放器都越来越同质化,我们应该选择哪款手机音乐播放器?它 ...

  3. Java模拟音乐播放器 暂停与重新播放——线程如何控制另外一个线程的状态

    package com.example.Thread; import javax.swing.*; import java.awt.*; import java.awt.event.ActionEve ...

  4. Android 实现简单音乐播放器（二）

    在Android 实现简单音乐播放器(一)中,我介绍了MusicPlayer的页面设计. 现在,我简单总结一些功能实现过程中的要点和有趣的细节,结合MainActivity.java代码进行说明(写出 ...

  5. [MFC] MFC音乐播放器 傻瓜级教程 网络 搜索歌曲 下载

    >目录< >——————————————————————< 1.建立工程  1.建立一个MFC工程,命名为Tao_Music 2.选择为基本对话框 3.包含Windows So ...

  6. Flex4/Flash开发在线音乐播放器 , 含演示地址

    要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...

  7. 第五篇——Spring音乐播放界面设计(C#)

    由于小组成员已经完成软件的详细设计说明书,在这里只具体说明软件程序的细节编写,以免重复. 歌曲的播放采用VS自带的axWindowsMediaPlayer插件,所以程序中涉及到许多该插件的使用.Ctl ...

  8. Vue2.0音乐播放器

    学习了几周的vuejs,学习的过程中做了一个音乐播放器WebApp (顺便听听音乐~) ,过程中也有借鉴过别人做的,感觉受益匪浅 链接 项目在线地址 : 音乐播放器 github : https:// ...

  9. iOS 音乐播放器之锁屏效果+歌词解析

    概述 功能描述:锁屏歌曲信息.控制台远程控制音乐播放:暂停/播放.上一首/下一首.快进/快退.列表菜单弹框和拖拽控制台的进度条调节进度(结合了QQ音乐和网易云音乐在锁屏状态下的效果).歌词解析并随音乐 ...

随机推荐

  1. 【Java基础】继承的一些总结

    什么是继承 把一些类的具有共性的东西剥离出来形成一个新的类,然后各个其他类保留自己独有的特性,并用关键字extends继承这个剥离出来的新的类,可以最终达到各类原始相同效果,但是在每个类中,单用一个“ ...

  2. (太强大了) - Linux 性能监控、测试、优化工具

    转: http://www.vpsee.com/2014/09/linux-performance-tools/ Linux 平台上的性能工具有很多,眼花缭乱,长期的摸索和经验发现最好用的还是那些久经 ...

  3. 性能优化-列表类型转换(ConvertList<TSource, TResult>)

    之前,在项目中看到过一段通用列表类型转换的代码,直接的实现便是用反射.大概看了下,它用在领域模型转DTO和SOA接口中契约实体的转换等等.首先,它使用了反射,其次,还是在循环中使用,便有了优化的想法. ...

  4. PTA 5-12 排序 (25分)

    给定NN个(长整型范围内的)整数,要求输出从小到大排序后的结果. 本题旨在测试各种不同的排序算法在各种数据情况下的表现.各组测试数据特点如下: 数据1:只有1个元素: 数据2:11个不相同的整数,测试 ...

  5. iOS 极光推送

    1.关于推送的几个证书.http://www.mobile-open.com/2016/931624.html 进入开发者中心:https://developer.apple.com/account/ ...

  6. 过滤器Filter(2)

    过滤器-编码统一处理 过滤器的写法如下 package com.gqx.encodeFilter; import java.io.IOException; import java.lang.refle ...

  7. IOS7 自定义UIBarButtonItem 的一些问题

    ios 下自定义导航栏的BarButtonItem 会产生一些偏移问题, 解决方案: 通过新建一个系统的带固定距离的Item来调节你的Item #define   IOS7_NAVI_SPACE   ...

  8. SqlServer表中两条全然同样的记录，怎样删除当中1条

    描写叙述:表无主键ID,误插入两遍数据,怎样删除内容同样的记录,而仅仅留下1条. SELECT DISTINCT * INTO #temp FROM grade; DROP TABLE grade; ...

  9. JavaScript常用正则表达式与应用（一）

    JavaScript的String类和RegExp对象类都定义了相关方法使用正则表达式进行模式匹配,本文将以连载方式介绍JavaScript常用正则表达式与相关应用,欢迎交流 本节是连载一,首先介绍J ...

  10. 【课程分享】基于Lucene4.6+Solr4.6+Heritrix1.14+S2SH实战开发从无到有垂直搜索引擎

    对这个课程有兴趣的朋友,能够加我的QQ2059055336和我联系,能够和您分享.  课程介绍:最有前途的软件开发技术--搜索引擎技术  搜索引擎作为互联网发展中至关重要的一种应用,已经成为互联网各个 ...