EAison 2016-07-06 14:14 采纳率: 25%
浏览 7847
已结题

svg自适应不同屏幕大小浏览器

有一个svg的图源，需要加载到页面上显示，对于不同屏幕大小的浏览器需要自适应全屏显示。有谁做过这方面？求教各位！

  • 写回答

6条回答 默认 最新

  • devmiao 2016-07-06 15:58
    关注

    http://blog.csdn.net/kungstriving4/article/details/25186553

    评论

报告相同问题？

  • SVG自适应设置（viewBox）
    2020-12-04 10:33
    走到天涯海角的博客 <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" /> <title>SVG测试</title>...svg currentScale="1" width="160px" height="240px" viewBox=.
  • 图表对浏览器自适应和svg图表缩放问题
    2020-08-06 18:38
    a小毛同学的博客 1、一个页面有多个图表的时候，分别使用window.onresize的时候只有一个图表可以自适应浏览器窗口宽度 解决: 在每个图表的setOption后面加上如下代码 window.addEventListener('resize', function () { myChart_...
  • CSS 修改SVG颜色并且宽高自适应
    2022-02-21 15:42
    游人区的博客 缩放屏幕大小时，图片可以根据屏幕大小自适应 默认图片的 svg 代码 <svg width="198" height="206" viewBox="0 0 198 206" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon"> <rect x=...
  • SVG 作为背景的自适应问题
    2025-09-08 16:25
    史迪仔想吃小黄人卷饼蘸酱记得多放香菜葱花的博客 在页面100% 比例的情况下背景正常显示，但是当页面尺寸缩放比例发生改变时，此时的SVG背景没有占满容器。，这意味着 SVG 会尝试保持其原始的宽高比，并居中显示在容器中。按理说这里的代码没有问题，那么问题就是...
  • 用 svg 辅助页面文字自适应
    2019-08-07 13:42
    纯爱枫若情的博客 我们知道，在前端开发的过程中，最让人脑壳疼的就是页面的适配了。之所以说让人脑壳痛，倒不是说页面适配多么的困难。他不困难，就是做起来很很繁琐，特别是对于要移动端和 pc 端均要适配的页面，那处理起来就让人更...
  • HTML使svg整体自适应网页变化、以元素颜色填充、隐藏显示
    2022-10-09 15:08
    杨大枫的博客 HTML使svg整体自适应网页变化、以元素颜色填充、隐藏显示
  • js页面自适应屏幕大小_自适应网页设计
    2020-12-03 15:29
    weixin_39922534的博客 摘要 如何在不同大小的设备上呈现同样的显示效果，实现在不同屏幕下自适应设计方案，达到统一PC端和移动端的页面目标。本篇文章简要介绍一种实现方案。一、背景描述随着网络的普及，越来越多...
  • 浏览器页面前端自适应方案
    2020-12-24 15:13
    ljh_beifang的博客 1.关于自适应布局的一些基本概念 px (pixel)：像素，是屏幕上显示数据的最基本的点，表示相对大小。不同分辨率下相同长度的px元素显示会不一样，比如同样是14px大小的字，在1366✖768显示屏下会显示的小，在1024...
  • 自适应图片大小
    2019-03-18 21:08
    自适应图片是指图片能够根据浏览器窗口的大小或设备的屏幕分辨率自动调整其尺寸，以适应不同的显示环境。这有助于保持页面布局的一致性，避免因图片过大导致页面加载慢或布局错乱的问题。 实现自适应图片的方法有...
  • 自适应前端html模板
    2020-11-30 14:08
    例如，`, initial-scale=1">`告诉浏览器应根据设备宽度来调整页面大小。 2. **CSS（Cascading Style Sheets）**：CSS是用于控制网页外观和布局的关键技术。在自适应设计中，CSS使用媒体查询（Media Queries）来判断...
  • 没有解决我的问题, 去提问