baidu_36922890
为漾
采纳率100%
2017-09-06 08:24 阅读 1.1k

图片自适应浏览器,样式css

5

如何使2000 x 900的大图片在浏览器中宽度自动适应屏幕,不出现滚动条,而高度出现滚动条

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • 已采纳
    showbo GoCityPass新加坡曼谷通票 2017-09-06 08:45

    设置width:100%就行了,不设置高,会自动等比

    点赞 3 评论 复制链接分享
  • qq_38494537 chenjiexixi 2017-09-06 08:31
  • weixin_39892922 程序小白一枚 2017-09-06 09:05

    宽度设置成100%就可以了

    点赞 评论 复制链接分享
  • fyhaizhz 烟花骤冷 2017-09-06 09:40

    width: 100%;height: 536px;

    点赞 评论 复制链接分享
  • lkhog lkhog 2017-09-06 11:46

    width:100%;height:自己定义;overflow-x:hidden;overflow-y:scroll;

    点赞 评论 复制链接分享
  • lf1500282493 lf1500282493 2017-09-09 04:59

    一般来说,只有大图变小,不要把小图强行放大
    然后大图变小分为两种
    一、 width:100%; height不写,
    那图片缩小到宽度为你装该图片的盒子的宽度,在盒子高度没写死(自由撑开)的时候,高度按原图宽高比缩小

    二、如果某些页面对图片的宽高都有要求,这个时候你就把宽高都写死,这个时候有点小问题的是,图片宽高比一变,图片里边的内容也会跟这边,比如人物变胖变矮
    所以,往往这种情况都需要美工来配合你做页面,你要多大图,他给你做多大!

    点赞 评论 复制链接分享

相关推荐