首页 > 常识 > 互联网 > 网站制作 > CMS

控制手机网站图片大小的简单代码

作者:shenghuobaodian.com  时间:2021-01-18
描述:我们制作网站的时候,一般地,是在电脑端维护和更新内容,在主站更新的时候,会同步生成可在手机端访问的另一个子站,这时候,内容页里的图片会超出手机正常观看的屏幕,影响用户浏览。
《生活宝典shenghuobaodian.com》讯  我们制作网站的时候,一般地,是在电脑端维护和更新内容,在主站更新的时候,会同步生成可在手机端访问的另一个子站,这时候,内容页里的图片会超出手机正常观看的屏幕,影响用户浏览。

请把下面这段代码加在网页源代码头部的<head></head>里面即可:

<STYLE type=text/css>
img {max-width: 307px;
  zoom:expression( function(elm) {
  if (elm.width>307) {
  var oldVW = elm.width; elm.width=307;
  elm.height = elm.height*(307 /oldVW);
  }
  elm.style.zoom = '1';
  }(this));}
</STYLE>

这里是以307的大小为例,适合于绝大部分手机用户,超过307的,都按307等比例缩放。内容页图片等比例缩放,用CSS控制图片适应大小。这样比用js调用更简单且确保效果。(若按照上面添加后不能控制图片大小的话,那么注意在网站主端上传图片的时候,去掉宽和高的数值,点确定,最终完成上传图片,就可以了。应该是,这样显示出来接近于等比例缩放,否则图片高度与宽度不成比例。)

文章来源:shenghuobaodian.com

从手机浏览器访问《生活宝典》

站内搜索
  • 网站植入代码获取浏览者手机信息
  • 自动从主站跳转至手机站的代码3例
  • wps office 办公软件多出代码的问题
  • 源代码里多出一对<div></div>的情况
  • 全站允许搜索引擎爬虫访问的文本代码
  • JS代码改成规范xhtml 1.0 标准
  • 帝国网站管理系统 中国省市地区联动代码
  • 一段跳转页面的简单代码
  • 动易内容模板删除无级缩放图片大小代码
  • 全能站内搜索引擎代码
  • 微商帮
    世界网站大全
    中国科研团队:大象的长鼻子是如何越变越长了
    中国科研团队:大象的长
    自己是否能够像自己想的那样做成一件事,身旁人的判断会比自己准确
    自己是否能够像自己想
    火宫殿:吃喝玩乐看,烧香拜神佛,红火的庙会经济
    火宫殿:吃喝玩乐看,烧香
    眼见为实也不为实,更须谨慎看到的并非全貌
    眼见为实也不为实,更须