求个移动网页图片缩放代码

菊花信

<center><a href="xxx" target="_blank"><img src="xxx.gif" border="0" width="960" ></a></center>

现在用的是这个代码，手机端只显示跟屏幕一样宽的部分，后半段不显示，网页往左拖动才显示图片另一半，本来网页是拖不动的，小白不懂代码，有大佬帮帮忙吗

菊花信

一个不知名网友 发表于 2020-3-20 18:14
自适应的图片他不香吗？ svg格式 emmm

大佬回复好快

我是一个大水怪

上古时代的HTML/CSS代码，你真是优秀。

Mr.

把 img 的 width="960" 改成 width="100%"

菊花信

Mr. 发表于 2020-3-20 18:18
把 img 的 width="960" 改成 width="100%"

这样电脑端太宽了，网站是跟loc一样的窄版

Mr.

菊花信 发表于 2020-3-20 18:19
这样电脑端太宽了，网站是跟loc一样的窄版

搭配 css 的 max-width: 960px 使用

latiao88

这样吗？

流河旱树

私我地址 回去帮你看

菊花信

流河旱树 发表于 2020-3-20 19:07
私我地址 回去帮你看

搞定了，复制别人的代码，调用js

1. var url = location.search;
   
2. url = url.substr(1);
   
3. var bs={
   
4. versions:function(){
   
5. var u = navigator.userAgent, app = navigator.appVersion;
   
6. return {
   
7. trident: u.indexOf('Trident') > -1,
   
8. presto: u.indexOf('Presto') > -1,
   
9. webKit: u.indexOf('AppleWebKit') > -1,
   
10. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
    
11. mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),
    
12. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
    
13. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
    
14. iPhone: u.indexOf('iPhone') > -1,
    
15. iPad: u.indexOf('iPad') > -1         
    
16. };
    
17. }(),
    
18. language:(navigator.browserLanguage || navigator.language).toLowerCase()
    
19. }
    
20. var flag = true;
    
21. if(bs.versions.mobile && url!='mobile'){
    
22. if(bs.versions.android||bs.versions.iPhone||bs.versions.iPad||bs.versions.ios){
    
23. flag=false;
    
24. }
    
25. }
    
26. if(flag){
    
27. /*PC ad code*/
    
28. 
    
29. 
    
30. 
    
31. 
    
32. document.writeln("<a href=\'https://xxx\' target=\'_blank\'><img src=\'https://xxx.gif\' width=\'960\' height=\'80\'></a>");
    
33. 
    
34. document.writeln("<a href=\'https://xxx\' target=\'_blank\'><img src=\'https://xxx.gif\' width=\'960\' height=\'80\'></a>");
    
35. document.writeln("");
    
36. 
    
37. 
    
38. 
    
39. }else{
    
40. /*Mobile ad code*/
    
41. 
    
42. 
    
43. 
    
44. document.writeln("<a href=\'https://xxx\' target=\'_blank\'><img src=\'https://xxx.gif\' width=\'100%\' height=\'50\'></a>");
    
45. 
    
46. document.writeln("<a href=\'https://xxx\' target=\'_blank\'><img src=\'https://xxx.gif\' width=\'100%\' height=\'50\'></a>");
    
47. document.writeln("");
    
48. 
    
49. 
    
50. }

复制代码