英特爾應用程序框架中心內容

我想創建一個非常簡單的佈局，其中包含屏幕底部和一些居中內容上的按鈕。英特爾應用程序框架中心內容

我如何通過英特爾應用程序框架UI實現這一目標。

我需要支持所有的屏幕尺寸。

2014-03-12 Chen Kinnrot

我很抱歉，但你有一個好名聲你最瞭解規則。你有什麼嘗試？你有任何代碼分享？ – Popeye

我嘗試過使用他們的網格系統，但沒有考慮內容大小...... –

這裏是例如在英特爾應用程序框架：http://jsbin.com/valuc/1/edit

<!DOCTYPE html> 
<html> 
<head> 
    <title>App Framework</title> 
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;" /> 

    <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.0/af.ui.css" /> 
    <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.0/icons.css" /> 
    <script type="text/javascript" charset="utf-8" src="http://cdn.app-framework-software.intel.com/2.0/appframework.ui.min.js"></script> 
    <style> 
#page1 {text-align: center}  
    </style>  
</head> 
<body> 
<div id="afui"> 
    <div id="content" style=""> 
     <div class="panel" title="Welcome" id="page1" selected="true"> 
      <p>This is come content</p> 
      <p>This text is centered in the panel</p> 
     </div> 
    </div> 
    <div id="navbar"> 
     <a class="icon home" href="#button1">Button 1</a> 
     <a class="icon settings" href="#button2">Button 2</a> 
    </div>  
</div> 
</body> 
</html>

您還指的是使用英特爾應用程序框架創建了一些基本的模板開始：https://github.com/krisrak/appframework-templates

來源

2014-03-12 22:35:22 krisrak

英特爾應用程序框架中心內容

回答

相關問題