亲给canvas设置长宽，要这样写ltcanvas width=quot100quot height=quot100quotltcanvas 把#nhwidth100height100这两个css设置去掉吧 温馨提示1还有一点就是，设置css时，长宽需要给个单位，如#nhwidth100px；这个你的HTML标签，没有设置自动适应你可以把那个宽带改成100%就行了，他就随着屏幕大小自动到边了；HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博html5如何通过页面长度来设置p长度给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~我用HTML做了一个。

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小宽度设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高iPhone 6是375物理像素；myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas两种方案的共性都是在把元素添加进DOM前设置他的大小 估计是没分了，给后人看吧；用JS调制屏幕大小1CSS 方面去掉所有元素的外间距内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block2JS 方面监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小3完整；上面是A3纸的大小，body的大小要设置成3508*4961像素，一般网页需要72分辨率就行，但是如果打印出来就需要是300像素；在PS里打开你的截屏图片，查看里面所有元素的大小这样来回四五个网站，慢慢你就心里有数了我初学的时候也是如此加油！网页制作中紫色的代码是多少？5B00AE#6F00D2#百度HTML颜色代码 麻烦采纳，谢谢！网页制作中三个页面；随着高端手机Andriod，Iphone，Ipod，WinPhone等的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合。

方法给图片设为backgroundimage，加上backgroundsize 100%；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and maxwidth449px。

1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

CSS像素与屏幕像素11同样大小时 图5 CSS像素黑色边框开始被拉伸，此时1个CSS像素大于1个屏幕像素 图6 也就是说默认情况下一个CSS像素应该是等于一个物理像素的宽度的，但是浏览器的放大操作让一个CSS像素等于了两个设备像素宽度；这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸再就是css中要应用到媒体查询，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。