第1个回答 2016-11-17
一般都是做背景居中,也一样可以适应。
你一定要图片宽度跟着浏览器宽度变化的话,html和body设置为100%,底下垫一层div,宽度设置100%,插入图片宽度设置100%,就可以了。
-----补充
红色菜单不用图片,只用css是可以实现的,使用border来画红色三角形部分,就解决了,不需要使用canvas。
红色菜单的定位的问题,可以使用flex,不过在老浏览器里兼容性不好,这个设计好像没有其他很好的解决办法,只能用flex。
第2个回答 2016-11-17
在html里面插入一个图片标签,设置这个图片的css,
position:absolute;//绝对位置
top:0;
left:0;
right:0
;z-index:-1;//置于最下层,
红色的导航普通写就可以了。
第3个回答 2016-11-17
你可以设置百分之百的宽度,或者是横向平铺
第4个回答 2016-11-17
<body style="width:100%;">
<div style="width:100%;">
<img style="width:100%;" src="daohang.jpg">
</div>
</body>