Rumah >hujung hadapan web >html tutorial >求html中img标签src属性引进的图片(非背景) 怎么样 才能适应不同的分辨率_html/css_WEB-ITnose
求html中img标签src属性引进的图片(非背景) 怎么样 才能适应不同的分辨率_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:22:061331semak imbas
HTML 图片
在论坛和百度翻了一天...看到的都是对背景图片的操作.一点关于普通图片的都木有.求助大神们.怎么才能让img标签src引进的图片 在不同的分辨率下 看到的图片大小可以变 比例不变.
回复讨论(解决方案)
你可以考虑一下获取当前电脑的分辨率。然后设置img的宽高。
你可以考虑一下获取当前电脑的分辨率。然后设置img的宽高。
请问是设置img的宽和高 是具体的像素值 还是 百分比呢?根据什么才设置呢?
最好是设置像素。因为高度的%是不会生效的。可以根据当前用户使用的分辨率去进行等比放大或者缩小，即乘以0.几，去设置这张图片的的宽高，这个src中图片中的最大值不能超过（图片默认大小）；
最好是设置像素。因为高度的%是不会生效的。可以根据当前用户使用的分辨率去进行等比放大或者缩小，即乘以0.几，去设置这张图片的的宽高，这个src中图片中的最大值不能超过（图片默认大小）；
在公司 QQ号关联登录不了..这样得根据各种不同的分辨率 判断很多种情况把 然后还得看页面的效果 调节图片的大小对把?
设置width为100%就行了，高会等比缩放
<style type="text/css"> #bodybg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0; } #bodybg .stretch { width:100%; height:100%; } </style> <body> <!-- 图片自适屏幕分辨率 --> <div id="bodybg"> <img src=XXXXXX.jpg class="stretch" / alt="求html中img标签src属性引进的图片(非背景) 怎么样 才能适应不同的分辨率_html/css_WEB-ITnose" > </div> </body> 5楼的写法，可以自适应屏蔽分辨率，高度适应过高，6楼的写法支持楼主的要求！不过有个小小的缺点。图片分辨率不够会失真。
如果要求不高。可以采用6楼的写法，处理一下超过图片大小失败贞的问题就好
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：大侠请进，这种边框怎么实现啊。。。。_html/css_WEB-ITnoseArtikel seterusnya：关于float生成块级框。_html/css_WEB-ITnose