• 中日韩重拾合作势头,外界期待多 2019-09-17
  • 网事如歌·山西新闻网成立二十周年 2019-09-17
  • 凝聚同心共筑中国梦的磅礴力量 2019-09-11
  • 住上新房子洗上热水澡 小村里一个8口之家的脱贫小故事 2019-09-11
  • 日本樱岛火山大规模喷发 目前尚无人员伤亡 2019-08-25
  • “几乎是时时在流血、天天有牺牲”,他们的故事你知道吗? 2019-08-22
  • “大地飞歌·2017”将于9月12日唱响 韩磊谭维维等加盟 2019-08-22
  • 中国人性格比较隐忍,当积怨越来越深,隐忍到一定程度就会像炸弹一样爆发控制不了,为时过晚了 2019-08-16
  • 家国情怀·天人和谐·文化自信——从端午文化看民族精神传承 2019-08-14
  • 作为革命风尚的“支那”,为何会变成对中国的蔑称 2019-08-14
  • 第五届西安(浐灞)金融高峰论坛举行 2019-08-11
  • 深山电工守护“光明” 19年走出10个“长征” 2019-08-11
  • 北京:非京牌车要管起来 新政即将推出 2019-08-08
  • 创世界杯人口最少参赛国记录 北欧黑马能否再造神奇 2019-08-03
  • 毛丹青:故乡是文学的起跑线 2019-08-02




  • 您当前所在位置:山东时时彩十一选五 > 建站资讯 > 网站建设知识 > 正文

    时时彩倍投不怕连挂:网站建设解决响应式网站中图片显示的难题

    2017-10-26 11947 次 网站建设知识 响应式网站建设
     随着移动设备的普及,不同尺寸的显示终端越来越多,这些让我们看到了响应式网站普及的曙光光及迫切需求。但响应式网站一个必须要解决的问题:如何将网站中的图片图片响应式。一张大图如果PC端、平板端、手机端都是一样大的话,实在太不科学了,一是手...

    山东时时彩十一选五 www.tto79.com 网站建设.jpg

     随着移动设备的普及,不同尺寸的显示终端越来越多,这些让我们看到了响应式网站普及的曙光光及迫切需求。但响应式网站一个必须要解决的问题:如何将网站中的图片图片响应式。一张大图如果PC端、平板端、手机端都是一样大的话,实在太不科学了,一是手机流量占用过大,下载速度慢;其次就是图片尺寸大比例压缩后会变得模糊。

    如果图片是以背景方式存在,这种比较好解决,可以采用媒体查询,为不同尺寸的显示终端设置不同图片。但,如果是网页中插入的图片解决起来就比较复杂一点了。

    一、采用srcset属性,如下代码

    <img src="默认图片" alt="" srcset="1倍大图 600w 200h 1x, 2倍大图 600w 200h 2x, 小图 200w 200h">

    srcset里面是根据媒体查询条件显示不同图片,跟上面差不多一样,表达方式不一样,1x表示显示器像素密度显示倍数。

    正常我是两者结合的方式实现,各大浏览器最新的版本基本都支持,但是IE系列的不支持,这让我们感到非常头痛,兼容性具体如下图。

    比较严重的问题是QQ浏览器以IE为内核,微信浏览器不支持,而微信在国内的使用率非常高,加之微信公众平台的微官网是客户的常见需求,最后解决办法是使用Picturefill,效果非常好。

    二、采用picture元素,如下代码

    <picture alt="">

    <source src="大图路径" alt="" media="(min-width: 640px)">

    <source src="小图" alt="" media="(max-width: 639px)">

    <img src="默认图片" alt="" alt="">

    </picture>

    在追逐山东时时彩十一选五的浪潮中,希望不要忘记了用户体验,只有让网站中所有的元素都能达到响应式的标准,才是真正的响应式网站。

  • 中日韩重拾合作势头,外界期待多 2019-09-17
  • 网事如歌·山西新闻网成立二十周年 2019-09-17
  • 凝聚同心共筑中国梦的磅礴力量 2019-09-11
  • 住上新房子洗上热水澡 小村里一个8口之家的脱贫小故事 2019-09-11
  • 日本樱岛火山大规模喷发 目前尚无人员伤亡 2019-08-25
  • “几乎是时时在流血、天天有牺牲”,他们的故事你知道吗? 2019-08-22
  • “大地飞歌·2017”将于9月12日唱响 韩磊谭维维等加盟 2019-08-22
  • 中国人性格比较隐忍,当积怨越来越深,隐忍到一定程度就会像炸弹一样爆发控制不了,为时过晚了 2019-08-16
  • 家国情怀·天人和谐·文化自信——从端午文化看民族精神传承 2019-08-14
  • 作为革命风尚的“支那”,为何会变成对中国的蔑称 2019-08-14
  • 第五届西安(浐灞)金融高峰论坛举行 2019-08-11
  • 深山电工守护“光明” 19年走出10个“长征” 2019-08-11
  • 北京:非京牌车要管起来 新政即将推出 2019-08-08
  • 创世界杯人口最少参赛国记录 北欧黑马能否再造神奇 2019-08-03
  • 毛丹青:故乡是文学的起跑线 2019-08-02
  • 华东15选5官方同步 安徽福彩网 河南快三开奖预测 四川时时彩走势图开奖 cba联赛 加拿大快乐8有没有预测 七星彩开奖号码 百人牛牛牛 2019今晚上开什么特马第18期 黑龙江快乐十分麻将走势图 山西快乐十分电视竖屏 500元 倍投方案 稳赚 刮刮卡游戏下载 彩票彩客 足球网页游戏排行