jQuery Mobile - 按钮中的边缘CSS问题

时间:2015-02-14 19:17:44

标签: jquery-mobile margins

下午好...... 我的问题是这个(link to issue image)。 例如,当使用COLLAPSIBLE控件时,这会增加更高或更低的余量。 我也看不到要在同一个CSS上显示的语句。 代码并不奇怪。 在演示页面或其他页面中很好地显示。这种情况发生在多个浏览器上,包括Chrome和Firefox,只有我的页面。

感谢您的帮助,对不起我的英语。

jQueryMobile版本1.4.5.min jQuery版本1.11.2.min



<!doctype html>
<html>
<head>
<title>Documento sin título</title>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
	<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


</head>


<body>



<div data-role="page" data-theme="b" data-content-theme="b">

<div data-role="header">
<h1>Definición de Formulario</h1>
<input type="text" placeholder="Nombre del formulario" value="" id="nombremapa" name="nombre" />
</div><!-- HEADER -->

<div data-role="content" data-position="fixed" id="campos">
		


</div><!-- CONTENT -->

<div data-role="footer" data-position="fixed">

        <div data-role="navbar" >
            <ul>
                <li><a href="#popupMenuAgregar" data-icon="plus" href="#popupMenu" data-rel="popup" data-transition="slideup">Agregar</a></li>
                <li><a href="#" data-icon="minus">Quitar</a></li>
                <li><a href="#" data-icon="edit">Editar</a></li>
                <li><a href="#" data-icon="info">Información</a></li>
                <li><a href="#" data-icon="mail">Enviar</a></li>
            </ul>
        </div>

<div data-role="popup" id="popupMenuAgregar" data-theme="b">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">
            <li data-role="list-divider">Choose an action</li>
            <li><a id="add_texto">Texto</a></li>
            <li><a id="add_numero">Numero</a></li>
            <li><a id="add_fecha">Fecha</a></li>
            <li><a id="add_lista">Lista</a></li>
        </ul>
</div>

</div><!-- FOOTER -->


</div><!-- PAGE -->


</body>
</html>
&#13;
&#13;
&#13;

http://jsfiddle.net/zwLvjrc2/

0 个答案:

没有答案