移动端下图片太大了？怎么自动适应大小

图片 移动 端下 太大 怎么 自动 适应 大小 编程技术
发布日期 2022-09-01 更新日期 2022-09-01 阅读次数 71 文章字数 157

写了一个html页面，放了一个图片，大概是 780px 900px 的宽高。

在 PC 上看着还挺正常，手机一看？直接撑开了。

我们不能修改 img 的 width ，这样当然很笨，于是可以用一种很简单的方法：

<style>
    img{
        max-width: 100%;
    }
</style>

只要一样样式，就完美了，最大宽度为 100%，就不会撑开了。

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-31.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

图片 移动 端下 太大 怎么 自动 适应 大小

发表评论

相关推荐
朱丰华   |   1年前   |   linux · upx

Linux下安装UPX

408    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 （100%宽度）？

122    评论    点赞
朱丰华   |   1年前   |   linux · 文件

linux递归统计文件夹大小、du命令_Linux du命令：查看文件夹和文件的磁盘占用情况

193    评论    点赞
朱丰华   |   1年前   |   javascript · js · obfuscator · 混淆

javascript-obfuscator混淆js文件

52    评论    点赞
朱丰华   |   1年前   |   nvm · git · 安装

entos7安装、使用nvm

75    评论    点赞
朱丰华   |   1年前   |   python

python怎么引入自定义的子目录、父目录文件？

65    评论    点赞
朱丰华   |   1年前   |   php · 捕获

php Fatal error怎么捕获

127    评论    点赞
朱丰华   |   1年前   |   php · 图片

php根据图片内容【魔术数字】，识别图片的类型

300    评论    点赞
朱丰华   |   1年前   |   chrome · 截图 · headless

chrome headless模式网页截图，把html转图片

230    评论    点赞
朱丰华   |   1年前   |   wkhtmltoimage

wkhtmltoimage生成的图片有白边

164    评论    点赞
朱丰华   |   1年前   |   前端 · 设计 · 切图

前端设计的“切图”是什么？

127    评论    点赞
朱丰华   |   1年前   |   gif · 加密 · 可以 · web · 简单 · 方法 · 图片 · js · 直接 · 通过

web端 gif 最简单的加密方法

162    评论    点赞
朱丰华   |   1年前   |   css · 滚动

css控制内容溢出时横向滚动条

84    评论    点赞
朱丰华   |   1年前   |   蜘蛛 · Baiduspider · 0 · compatible · 1 · +http · wwwbaiducom · search · spiderhtml · 百度

网站蜘蛛访问统计

94    评论    点赞
朱丰华   |   2年前   |   表格 · 撑开 · css · 防止 · 太大 · border · break · 考虑 · table

css防止表格太大撑开

45    评论    点赞
朱丰华   |   2年前   |   图标 · 字体 · 快速 · 网页 · 两种 · 用法 · 下载 · 扩展 · 压缩 · 追加

网页字体图标两种快速用法

73    评论    点赞
朱丰华   |   2年前   |   session · php · 锁定 · session_start · 永不 · 思路 · 写入 · 直接 · name · value

php session锁永不锁定思路

93    评论    点赞
朱丰华   |   2年前   |   < · 文件 · 代码 · git · diff · 怎么 · 查看 · 行号 · 开始 · 表示

git diff 怎么查看行号

103    评论    点赞
朱丰华   |   2年前   |   所在 · 目录 · php · 执行 · exec

php执行exec所在的目录

49    评论    点赞
朱丰华   |   2年前   |   文件 · gitclean · 删除 · 所有 · 清空 · gitignore · 指定 · git · 提交 · 内容

git discard all清空所有未提交、清除文件变更

78    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞