abstrait:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>fhp的作業(yè)</title>
<script>var system={win: false,mac: false,xll: false,ipad:false};var p=navigator.platform;system.win=p.indexOf("Win")==0;system.mac= p.indexOf("Mac")==0;system.x11=(p=="X11")||(p.indexOf("Linux")==0);system.ipad=(navigator.userAgent.match(/iPad/i) != null)?true:false;if(system.win || system.mac || system.xll||system.ipad){}else{window.location.href = "http://m.php.cn/vip/mytask.html";}</script>
<meta name="mobile-agent" content="format=html5;url=http://m.php.cn/vip/mytask.html">
<meta http-equiv="Cache-Control" content="no-transform " />
<link rel="shortcut icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="/static/layui/css/layui.css?1">
<link rel="stylesheet" href="/static/css/style.min.css?5.1.76">
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.php.cn/vip/mytask.html">
<!-- 讓IE8/9支持媒體查詢,從而兼容柵格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>.layui-btn{border-radius: 8px;height: 33px;line-height: 33px;padding: 0 8px;}</style>
</head>
<body class="site-home" id="LAY_home">
<div class="layui-header header header-index">
<div class="layui-col-md3 php-logo">
<a href="/" target="_self" class="hide-text"></a>
</div>
<ul class="layui-nav php-nav">
<li class="layui-nav-item ">
<a href="/" title="php中文網(wǎng)首頁">首頁</a>
</li><li class="layui-nav-item ">
<a href="/course.html" title="視頻教程">視頻教程</a>
</li>
<li class="layui-nav-item ">
<a href="/wenda.html" title="社區(qū)問答">社區(qū)問答</a>
</li>
<li class="layui-nav-item layui-hide-xs ">
<a href="/article.html" title="技術文章">技術文章</a>
<dl class="layui-nav-child">
<dd><a href="/toutiao.html" target="_blank">每日頭條</a></dd>
<dd><a href="/php-weizijiaocheng.html" target="_blank">php教程</a></dd>
<dd class="layui-show-xs"><a href="/jishu/php/" target="_blank">php小知識<span class="layui-badge-dot"></span></a></dd>
<dd><a href="/mysql-tutorials.html" target="_blank">mysql教程</a></dd>
<dd><a href="/linux.html" target="_blank">linux運維</a></dd>
<dd><a href="/div-tutorial.html" target="_blank">html教程</a></dd>
<dd><a href="/js-tutorial.html" target="_blank">javascript教程</a></dd>
<dd><a href="/css-tutorial.html" target="_blank">css教程</a></dd>
<dd><a href="/xiaochengxu.html" target="_blank">小程序開發(fā)</a></dd>
<dd><a href="/blog.html" target="_blank">博客文章</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-hide-xs ">
<a href="/dic.html" title="編程詞典">編程詞典</a>
<dl class="layui-nav-child">
<dd><a href="/dic/29.html" target="_blank">php詞典</a></dd>
<dd class="layui-show-xs"><a href="/course/type/99.html" target="_blank">原生手冊<span class="layui-badge-dot"></span></a></dd>
<dd><a href="/dic/51.html" target="_blank">mysql詞典</a></dd>
<dd><a href="/dic/33.html" target="_blank">Linux詞典</a></dd>
<dd><a href="/dic/54.html" target="_blank">Redis詞典</a></dd>
<dd><a href="/dic/11.html" target="_blank">html詞典</a></dd>
<dd><a href="/dic/17.html" target="_blank">javascript詞典</a></dd>
<dd><a href="/dic/12.html" target="_blank">css詞典</a></dd>
<dd><a href="/dic/15.html" target="_blank">Bootstrap詞典</a></dd>
<dd><a href="/dic/19.html" target="_blank">jquery詞典</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a target="_blank" href="/xiazai/" title="資源下載">資源下載</a>
<dl class="layui-nav-child">
<dd><a href="/xiazai/shouce" target="_blank" title="手冊下載">手冊下載</a></dd>
<dd><a href="/xiazai/gongju" target="_blank" title="工具下載">工具下載</a></dd>
<dd><a href="/xiazai/learn" target="_blank" title="學習課件">學習課件</a></dd>
<dd><a href="/xiazai/js" target="_blank" title="js特效">js特效</a></dd>
<dd><a href="/xiazai/code" target="_blank" title="網(wǎng)站源碼">網(wǎng)站源碼</a></dd>
<dd><a href="/xiazai/leiku" target="_blank" title="類庫下載">類庫下載</a></dd>
</dl>
</li>
<li class="layui-nav-item ">
<a href="/course/type/3.html" title="菜鳥學堂">菜鳥學堂</a>
</li>
</ul>
<div class="user-card-box">
<a id="header-avator" href="/member/341751.html" class="user-card-item js-header-avator"><img src="http://ipnx.cn/static/images/user_avatar.jpg" height="40" width="40"><i class="myspace_remind" style="display: none;"></i><span style="display: none;">動態(tài)提醒</span></a>
<div class="g-user-card">
<div class="card-inner">
<div class="card-top">
<a href="/member/341751.html"><img src="http://ipnx.cn/static/images/user_avatar.jpg" alt="fhp" class="l"></a>
<a href="/member/341751.html"><span class="name text-ellipsis" title="fhp">fhp</span></a>
<p class="meta"><a href="javascript:;">P豆<b id="js-user-mp">39</b></a><a href="javascript:;">積分<b id="js-user-credit">0</b></a></p>
</div>
<div class="user-center-box">
<ul>
<li>
<a href="/member/341751.html" target="_blank"><i class="user-center-icon layui-icon"></i>個人中心</a>
</li>
<li>
<a href="/member/341751/courses.html" target="_blank"><i class="user-center-icon layui-icon"></i>我的課程</a>
</li>
<li>
<a href="/member/341751/blog.html" target="_blank"><i class="user-center-icon layui-icon"></i>我的博客</a>
</li>
<li>
<a href="/user.html" target="_blank"><i class="user-center-icon layui-icon"></i>個人設置</a>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="card-sets">
<a href="/user/setbindsns.html" target="_blank">帳號綁定</a>
<a href="/account/logout.html">安全退出</a>
</div>
</div>
<i class="card-arr"></i>
</div>
</div>
<div class="header_message_record">
<i class="msg_remind"></i>
<a target="_blank" href="/message.html"><i class="layui-icon layui-icon-speaker"></i></a>
</div>
<div class="layui-form component">
<div class="layui-form-select">
<div class="layui-select-title">
<input type="text" id="key_words" placeholder="輸入關鍵詞搜索" onkeyup="keyup()" style="background:#000" class="layui-input"><a href="javascript:;" onclick="searchs()"><i class="layui-icon"></i></a>
</div>
</div>
</div>
</div>
<div class="layui-row php-user-top">
<div class="layui-main">
<div class="user-info">
<h3 class="user-name">
<span>
fhp(學號:341751)
</span>
<div class="signicon supporting_member" style="background-image:url(/static/images/V1.png)">
<span class="signicon_iden">
贊助會員VIP1 <i class="icon-drop_up"></i>
</span>
</div>
</h3>
<p class="about-info layui-clear">
<span class="gender" title="男"></span>
學生 <!--span class="u-info-learn">學習時長 <em> 0分</em></span-->
<span class="u-info-credit">積分<em>0</em></span>
<!--<span class="u-info-mp">經(jīng)驗<em>0</em></span>-->
</p>
<p class="user-desc" title="">
</p>
<div class="study-info clearfix">
<div class="item follows">
<a href="/member/341751/follows.html"><em>0</em>
<span>關注</span></a>
</div>
<div class="item followers">
<a href="/member/341751/fans.html"><em>0</em>
<span>粉絲</span></a>
</div>
</div>
<a href="/user.html" class="set_user_button" target="_blank">個人設置</a>
</div>
</div>
</div>
<div class="layui-main layui-clear">
<div class="layui-row php-user-center">
<div class="layui-col-md2 user-left">
<div class="user-pic">
<div class="user-pic-bg"></div>
<img class="img" src="http://ipnx.cn/static/images/user_avatar.jpg" alt="fhp">
<div class="user-js-add-follow " data-id="341751" title="關注他">
<i class="layui-icon layui-icon-add-1"></i>
<div class="user-follow-me ">
<span class="title">關注他</span>
<p class="content">關注后可及時了解他的動態(tài)信息</p>
<i class="layui-icon layui-icon-up" ></i>
</div>
</div>
</div>
<ul>
<li>
<a href="/member/341751.html" >
<i class="layui-icon"></i><span>主頁</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/member/341751/courses.html" >
<i class="layui-icon"></i><span>課程</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/member/341751/asks.html" >
<i class="layui-icon"></i><span>社區(qū)</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/member/341751/follows.html" >
<i class="layui-icon"></i>關注</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/member/341751/courses_note.html" >
<i class="layui-icon"></i><span>筆記</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/member/341751/blog.html">
<i class="layui-icon"></i><span>博客</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/user/order.html" >
<i class="layui-icon layui-icon-rmb"></i><span>訂單</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/user/wages.html" >
<i class="layui-icon"></i><span>賺錢</span><b class="icon-drop_right"></b>
</a>
</li>
<li>
<a href="/vip/myplan.html" class="active">
<i class="layui-icon" style="color:#f52f3f"></i><span>VIP</span><b class="icon-drop_right"></b>
</a>
</li>
</ul>
</div>
<div class="layui-col-md10 user-right">
<div class='right-top2'>
<a href='/vip/logs.html'>我的特權</a>
<a href='/vip/myplan.html'>我的學習計劃</a>
<a class='on' href='/vip/mytask.html'>我的作業(yè)</a>
<a href='/vip/coach.html'>我的輔導</a>
<!-- <a href='/vip/zhibo.html'>我參與的直播</a>-->
<a href="/vip/visits.html">我的回訪</a>
<a href="/vip/sms.html">短信提醒</a>
</div>
<div class='right-info'>
<table class="layui-table">
<thead>
<tr>
<th>作業(yè)名稱</th>
<th width="15%">所屬課程</th>
<th width="17%">提交時間</th>
<th width="13%">批閱狀態(tài)</th>
<th>批改備注</th>
<th width="7%">詳情</th>
</tr>
</thead>
<tbody>
<tr>
<td>使用Markdown語法寫一個會議通知(要求使用標題,段落,分隔線和引用)</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="zA6crMwjJdwERmxpWPFVwA==">Markdown中如何編寫代碼段</a></td>
<td>2019-04-13 11:40:26</td>
<td>
<span style="color:red;">未完成</span> </td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('使用Markdown語法寫一個會議通知(要求使用標題,段落,分隔線和引用)',2,55525);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>完成課堂練習,總結難點(布局不可隨意,老師代碼經(jīng)供參考)</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="YQTe/JTO8s0vyWSixQiMxA==">頁面中常見垂直三級導航(2)</a></td>
<td>2019-04-13 10:43:35</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('完成課堂練習,總結難點(布局不可隨意,老師代碼經(jīng)供參考)',2,55482);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>仿照課程內(nèi)容自己寫一個簡單的商品導航功能(定位實現(xiàn))</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="odH28pS9Kkbg3ssX/URhgQ==">仿天貓商城左側(cè)移上顯示商品導航(2)</a></td>
<td>2019-04-13 10:44:02</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('仿照課程內(nèi)容自己寫一個簡單的商品導航功能(定位實現(xiàn))',2,55466);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>完成課堂練習,備注難點,及筆記</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="TBFVYW5mU/MyvRrIEaYQqg==">漂亮的jQuery左邊劃出導航</a></td>
<td>2019-04-13 10:44:26</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('完成課堂練習,備注難點,及筆記',2,55464);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>結合實際改寫本課案例(要求用到定位與浮動)</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="OU3UzaQTQjNzfCkOpZgvIQ==">仿天貓商城 網(wǎng)頁導航(純css)</a></td>
<td>2019-04-13 10:44:54</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('結合實際改寫本課案例(要求用到定位與浮動)',2,55379);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>寫出配置本地Markdown寫作環(huán)境的詳細步驟(從軟件到環(huán)境)</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="WK95hzbECxF1hVFzpA/bUA==">Markdown寫作環(huán)境的創(chuàng)建</a></td>
<td>2019-04-13 10:45:20</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('寫出配置本地Markdown寫作環(huán)境的詳細步驟(從軟件到環(huán)境)',2,53960);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>獨立完成一個簡單的用戶登錄驗證功能(可用數(shù)組與模擬用戶數(shù)據(jù))</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="mcyuwRZZKMH2sFTi98l67w==">使用AJAX與JSON進行無刷新的表單驗證(下)</a></td>
<td>2019-04-13 10:45:41</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('獨立完成一個簡單的用戶登錄驗證功能(可用數(shù)組與模擬用戶數(shù)據(jù))',2,53617);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>用Ajax請求的GET方式,驗證郵箱字段是否合法,并給出提示</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="fJ3lVkd8MJwqfU0Lgrr0+w==">AJAX 原理分析與常用屬性方法</a></td>
<td>2019-04-13 10:46:03</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('用Ajax請求的GET方式,驗證郵箱字段是否合法,并給出提示',2,53449);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>寫一個二個整數(shù)相加的小案例,當更改加數(shù)時,結果會自動更新(雙向綁定實現(xiàn))</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="solcaBvtGegSD+DxZORgag==">偵聽器:對頁面變量實時變化做出響應</a></td>
<td>2019-04-13 10:46:33</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('寫一個二個整數(shù)相加的小案例,當更改加數(shù)時,結果會自動更新(雙向綁定實現(xiàn))',2,53395);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>在頁面渲染方式上,MVVM與傳統(tǒng)的MVC模式相比有哪些優(yōu)勢?</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="/hL/Fy4x162CydD3YtHZeA==">細說MVVM設計思想</a></td>
<td>2019-04-13 10:47:09</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('在頁面渲染方式上,MVVM與傳統(tǒng)的MVC模式相比有哪些優(yōu)勢?',2,53357);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>按照課程中的要求完成網(wǎng)站后臺布局并附上自己對Bootstrap課程學習的總結完成作業(yè)??!</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="UIMSJAHwVZD7XG4g9dSAhQ==">輪播圖的詳細制作步驟</a></td>
<td>2019-04-13 10:47:37</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('按照課程中的要求完成網(wǎng)站后臺布局并附上自己對Bootstrap課程學習的總結完成作業(yè)?。?#39;,2,53052);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>將視頻中的案例完成并附上自己的理解和總結完成作業(yè)?。?!</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="h5+0Yyf+9yRy7MaeFBosaw==">Ajax實戰(zhàn)之省市區(qū)三級聯(lián)動菜單</a></td>
<td>2019-04-13 10:41:40</td>
<td>
<span style="color:red;">已提交,待審核</span>
</td>
<td>
暫無 </td>
<td>
<a href="javascript:void(0)" onclick="task_publish_ask('將視頻中的案例完成并附上自己的理解和總結完成作業(yè)?。?!',2,50099);" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>使用layui框架完成網(wǎng)站后臺布局并附上自己對layui的總結完成作業(yè)?。?!</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="T4YWxNAVZXJ/dH2y4k2qGQ==">簡述layui文件上傳及課程小結</a></td>
<td>2019-04-12 13:24:29</td>
<td>
<span style="color:green;">已完成</span> </td>
<td>
var hhh= ... , 這樣的變量命名也太隨意了吧, 應該起個有意義 的 <a href="javascript:void(0)" class="layui-btn layui-btn-warm" onclick="evaluate_data(47017,1);">點評老師</a> </td>
<td>
<a href="/write/10907.html" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>完成彈出表單操作!要求表單中不少于4個字段哦!!</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="TgLK9LFHYqcGW2ftKwSO/Q==">管理員頁面彈出層(layui彈出層)</a></td>
<td>2019-03-12 17:40:46</td>
<td>
<span style="color:green;">已完成</span> </td>
<td>
寫的很不錯 layui中的彈出層還是比較好用的 而且樣式也很多 使用起來很靈活 沒事的時候可以去研究研究 <a href="javascript:void(0)" class="layui-btn layui-btn-warm" onclick="evaluate_data(42587,1);">點評老師</a> </td>
<td>
<a href="/write/9756.html" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
<tr>
<td>利用layui框架完成中國功夫明星統(tǒng)計表格,要求不少于三個字段?。?!</td>
<td><a href="javascript:void()" target="_blank" onclick="checks(this)" media="SMpijI20OZSYcOQc0JKg0g==">管理員頁面布局(layui表格)</a></td>
<td>2019-03-10 15:30:29</td>
<td>
<span style="color:green;">已完成</span> </td>
<td>
寫的很不錯 使用layui來完成頁面的布局就太簡單了 layui中的表格有很多種樣式 使用起來也很靈活 沒事多去練習練習 <a href="javascript:void(0)" class="layui-btn layui-btn-warm" onclick="evaluate_data(42211,1);">點評老師</a> </td>
<td>
<a href="/write/9650.html" target="_blank" class="layui-btn">查看作業(yè)</a>
</td>
</tr>
</tbody>
</table>
<div class="layui-row diy-page">
<ul class="page"><a href="javascript:;" class="disabled_page">上一頁</a> <a href="javascript:;" class="active">1</a><a href="/vip/mytask.html?p=2">2</a><a href="/vip/mytask.html?p=3">3</a> <a href="/vip/mytask.html?p=2">下一頁</a></ul> </div>
</div>
</div>
</div>
</div>
<div class="layui-clear layui-bg-black php-ul-li footer_top_margin">
<div class="layui-row layui-main" >
<div class="layui-col-md9">
<ul class="php-float-left">
<li><a href="http://ipnx.cn/" target="_blank" title="網(wǎng)站首頁">網(wǎng)站首頁 </a></li>
<li><a href="/course/list/29/type/2.html" target="_blank" title="PHP視頻">PHP視頻</a></li>
<li><a href="/course/list/29/type/4.html" target="_blank" title="PHP實戰(zhàn)">PHP實戰(zhàn)</a></li>
<li><a href="/course/list/29/type/1.html" target="_blank" title="PHP代碼">PHP代碼</a></li>
<li><a href="/course/list/29/type/3.html" target="_blank" title="PHP手冊">PHP手冊</a></li>
<li><a href="/wikis.html" target="_blank" title="詞條">詞條</a></li>
<li><a href="/write.html" target="_blank" title="手記">手記</a></li>
</ul>
<p class="layui-clear footer_phpcn">PHP中文網(wǎng):獨家原創(chuàng),永久免費的在線php視頻教程,php技術學習陣地!</p>
<p class="footer_phpcn_record">Copyright 2014-2018 http://ipnx.cn/ All Rights Reserved | 皖B2-20150071-9 <img src="/static/images/foot_line.gif" width="15"> 皖公網(wǎng)安備 34010402701654號 <a href="http://112.30.63.109:8887/showEi?id=6a58f74d17984675aa1b671d0fa101cf&url=php.cn" rel="nofollow" target="_blank"><img src="/static/images/foot_line.gif" width="15"></a> <span class="footer_phpcn_say"><a href="/about/disclaimer.html" target="_blank">免責申明</a><
Professeur correcteur:天蓬老師Temps de correction:2019-04-13 16:39:12
Résumé du professeur:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum