1、首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的我们在新建的页面中，输入一个段落标签，一个进度条；其实很简单，淘宝京东，这些大站都是HTML5自适应的，你在电脑上能看，在手机上也能看到；html5+css3导航条的背景图片添加，可以用html的img标签添加也可以利用css的background标签插入html5+css3于2013年6月出版，HTML就是构成网页的主要语言；aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比；用JavaScript或者jquery 1页面加载完，获取当前浏览器显示区域高度2获取页面中我的相册div1关闭相册的高度3用1获取的值减去2所有的值4用3所得值附加给div2 好了，方法教给你了，自己去实现吧；01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样；网站导航条一般是使用ltul标签和ltli标签，在HTML5中新增ltnav标签，使用方法是在原来导航条最外侧增加ltnavltnavltnav标签是语义标签，对布局中的样式没有任何影响，只是告诉搜索引擎和浏览器引擎这是导航区域相关。

2、图片分为背景图片和通过img标签引入的图片，前者可以通过media query自动的切换不同分辨率的版本，但是在不支持background image size的浏览器中背景图片无法无级的调整大小；例如，当用户浏览时，弹出一条信息，显示下一页，通常使用Java，但如果使用不当，会影响网站的浏览速度和用户体验运行中的网站，尽量避免这种极端制作，优化网站SEO，导航设置应该简单直接5页面大小 一般而言，企业会将；第一种，伪“感应式”设计HTML5模板类方案上图是HTML5模板类测试结果，依次是iPhone4iPhone5iPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了因此。

3、另外，绝对定位position absolute的使用，也要非常小心六选择性加载CSS “自适应网页设计”的核心，就是CSS3引入的 Media Query模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件上面的代码意思是，如；可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

4、排版的时候导航条和logo在一个盒子模型内，也就是一个div内，分别定义logo和导航的宽度，然后浮动即可；听说过3次点击规则吗对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的对于大型网站，使用导航和工具条来改善操作13特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你；而且如果一个网站有多个portal入口，会大大增加架构设计的复杂度于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout；你这个只不过是使用meta属性来设置适配移动端页面但是如果页面的宽是超过 100% 的，滚动条还是会出现的。