目的是实现瀑布流式的图片分布，试了小分辨率的图片可以，然而换成手机拍摄的图片就不行了

注意看看右边的比例，图片已经被放大到了丧心病狂的程度。

代码

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body><div id="butong_net_left" style="overflow:hidden;max-width:100%;max-height:100%;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center"><td><img  src="feng1.jpg"></td><!--<td><img src="feng2.jpg"></td>
<td><img src="feng3.jpg"></td>
<td><img src="feng4.jpg"></td>  --></tr>
</table>
</td>
<td id="butong_net_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=1//速度数值越大速度越慢
butong_net_left2.innerHTML=butong_net_left1.innerHTML
function Marquee3(){
if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft<=0)
butong_net_left.scrollLeft-=butong_net_left1.offsetWidth
else{
butong_net_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
butong_net_left.onmouseover=function() {clearInterval(MyMar3)}
butong_net_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script></body>
</html>

尝试
- 因为自己并没有学过html，所以就只能依样画葫芦的修改一下网上的代码。
  http://www.cnblogs.com/cainiao-Shun666/p/6622678.html
  参考这篇文章，激动地我以为要成功了。结果发现图片下半部分全被截掉了，。
  - 我怀疑是overflow属性，再尝试搜索了一下overflow属性，发现是对溢出的内容提供滚轮处理，明显和我们的要求不相符。
    http://www.w3school.com.cn/tiy/t.asp?f=csse_pos_overflow_auto
  - 所以到底是哪个属性可以让图片压缩显示呢？？？
    未完待续！！
    
    好像看到偷着乐的自己 ^ _ ^

努力在html中适配图片尝试失败相关推荐

LaTex中“图片引用失败，显示(??)”的解决办法
在LaTex中引用图片失败,出现(??) 查了一些博客,发现是加图片标签时出的问题: 一般来说图片会命名:\caption{图片名}. 要想引用成功, 必须要把标签加在图片命名之后: 例如: \beg ...
hexo博客中插入图片失败——解决思路及个人最终解决办法
文章目录 1.前言 2.解决方案 2.1 创建图片资源文件夹 2.2 typora中图像设置 2.3 插件下载 2.4 修改md图片路径小结 1.前言今天晚上花了大概1个小时在晚上搜寻各种hexo ...
bug解决-Vue中img图片加载失败解决方案
Vue 中img图片加载失败解决方案 bug:assets文件下的图片动态取得话,显示不出来. 解决方法:把图片放到public文件夹下 public是直接原封不动打包到dist里面
ssm把图片保存到项目中_项目中的图片跨域问题解决方式
现象首先,在生产环境中,由于进行编辑图片时,将图片回显到ReactCrop组件中进行可裁剪编辑,然而回显时,需要将图片转化为base64的格式或者blob对象, 此时需要将图片次绘制成canvas进 ...
浏览器打开服务器上的图片无法显示,网页中的图片打不开怎么办？原因与解决办法...
最近有网友问小编这样一个很泛的问题:网页中的图片打不开怎么办?对于这个问题,其实导致的原因有很多,但也很好排除原因,主要从网络,网页,平台等当面综合去分析,就很容易可以找到答案.以下是小编对网页中的图 ...
github用相对路径显示图片_【图文详解】如何利用Github在Markdown中插入图片？
最近尝试用利用Github在Markdown中插入图片,遇到诸多问题--主要是不知道如何用GitHub上传图片! GitHub是一个纯英文网站,网上目前有的教程又都较为简略,一般只有文字说明.但缺乏图 ...
IDEA中导入项目运行失败提示Illeagle Arguement，访问404解决方法（Idea的Modules设置）
文章目录 IDEA中导入项目运行失败提示Illeagle Arguement,访问404解决方法(Idea的Modules设置) 起因尝试1:设置resources文件尝试2:啃代码尝试3:完全 ...
如何从word中直接复制图片到编辑器中
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...
VC 中用 IPicture 在窗口中显示图片文件
#include <windows.h> // Windows SDK 要用到的 #include <commdlg.h> // 打开文件的窗口要包含这个头文件 //用到了 ...
JavaScript中的图片处理与合成(一)
JavaScript中的图片处理与合成(一) 引言: 图片处理现在已经成为了我们生活中的刚需,想必大家也经常有这方面的需求.实际前端业务中,也经常会有很多的项目需要用到图片加工和处理.由于过去一段时间 ...

努力在html中适配图片尝试失败

目的是实现瀑布流式的图片分布，试了小分辨率的图片可以，然而换成手机拍摄的图片就不行了

代码

尝试

努力在html中适配图片尝试失败相关推荐

最新文章

热门文章