banner图取消表格嵌套后图片不能在浏览器里放大缩小

来源:3-10 作业题

慕神4155339

2019-10-23 12:48:08

<tr><td width="100%"><img src="..\img\banner.jpg" width="100%" /></td></tr><!--banner图-->

banner图取消表格嵌套后图片不能在浏览器里放大缩小,一般做网页图片会随浏览器界面缩放

<tr><td width="100%"><table><tr><td><img src="..\img\banner.jpg" width="100%" /></td></tr></table></td></tr><!--banner图-->

banner图使用表格嵌套后图片能在浏览器里放大缩小,但是不能沾满浏览器


写回答

3回答

好帮手慕慕子

2019-10-23

同学你好, 老师看了你的作业,  直接去掉嵌套的表格, 图片是可以随着浏览器改变窗口大小发生改变的哦

http://img.mukewang.com/climg/5db0256909c4c4a710110250.jpg

只不过是当缩小到一定程度的时候, 浏览器出现水平滚动条,此时图片不会再跟随浏览器的缩小发生改变了。

后面我们会学习响应式布局等知识, 针对解决改变浏览器大小网页也可以正常显示的问题,  目前阶段, 同学只需要实现全屏效果就可以了哦

如果还有疑问, 可以再次提问, 将你修改后的完整代码直接粘贴过来, 便于老师准确高效的帮助同学解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


0

慕神4155339

提问者

2019-10-23

http://img.mukewang.com/climg/5db017a7096ce34706080263.jpg

作业批改里说取消表格嵌套比较好,但是取消了图片就不能随浏览器伸缩,那要怎么处理好?

0

好帮手慕慕子

2019-10-23

同学你好,没有同学的完整代码,无法准确的定位问题所在。

老师这里测试了一下, 需要给图片外层的表格设置百分百宽度, 然后给图片设置百分百宽度, 就可以让图片充满整个浏览器,并且可以随着浏览器窗口大小的改变,更改图片的大小哦

http://img.mukewang.com/climg/5dafeb1109aa547910960196.jpg

同学可以结合示例代码测试一下哦

如果还有疑惑, 可以再次提问, 将你的完整代码粘贴过来, 便于老师帮助同学准确高效的定位与解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~

0

0 学习 · 40143 问题

查看课程