现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适4随现在浏览的工具越来越多，包括手机IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了。

通过对HTML5的定义，我们可以了解到HTML5具有独特的优势网络标准多设备跨平台自适应网页设计这对于程序员来说是绝对的福音，你只需掌握HTML5就能即时更新自己的页面适应多个浏览器2HTML5对我们什么作用？对于互联网。

什么是自适应网页自适应网页顾名思义，就是利用HTML5的新功能和新技术，对计算机手机等终端进行自适应渲染，并在不同终端上实现相应的效果，自适应网页已成为网站建设的主流方式那么，自适应网页设计的时候要注意什。

二Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性开发者可以完全实现Web设计的可视化。

这样你看，不管你是用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率关于作图大小的问题要看你的需求，如果需要全部可见，那么你作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么。

自从2010年，Ethan Marcotte提出了 “自适应网页设计”Responsive Web Design这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计他制作了一个 范例，里面是福尔摩斯历险记六个主人公的头像如果屏幕宽度大于。

图片分为背景图片和通过img标签引入的图片，前者可以通过media query自动的切换不同分辨率的版本，但是在不支持background image size的浏览器中背景图片无法无级的调整大小。