我有一个html移动端的设计稿图是19201080的，但我发现当移动设备的dpi为160时，css设置19201080是刚刚好的,可以铺满整块屏幕，如果dpi大于160时，css设置的宽高就会变得很大，但是两台设备的分辨率都是1920*1080的，只是dpi不同而已，有没有什么办法能不重新编写css的情况下适应不同的dpi啊
设备160dpi时的显示样子：
所有的内容能够全部显示
设备320dpi时的显示样子：
只有显示部分内容了，之前的宽高在这个dpi下变的很大
html移动端如何dpi适应
设备320dpi时的显示样子：
只有显示部分内容了，之前的宽高在这个dpi下变的很大
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
0条回答 默认 最新
- 2022-01-19 22:56回答 2 已采纳 看了你图片的代码： min-width：1226； 这个代码是设置最小宽度为1226px,,,,”
- 2018-12-16 22:24回答 1 已采纳 I believe you're looking for the exif values XResolution and YResolution My understanding is the
- 2015-09-10 07:33回答 1 已采纳 UIImageJPEGRepresentation(image,0.5) 这个方法可以压缩任意图片
- 2023-08-02 16:27HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip这个压缩包文件包含了构建现代网站所需的重要资源，特别是针对移动设备优化的网页设计。在这个压缩包中，我们可以找到一个名为“天字一号网络 (141...
- 2022-09-13 11:58回答 1 已采纳 你想了解这个问题，你首先得知道什么是dpi，dpi是英文dots per inch的缩写，即每英寸的点数，只是一个比值而已，说的在简单一点，就是像素密度。再来看看图片是什么东西，图片就是一堆像素点，他
- 2022-08-04 10:17回答 1 已采纳 我觉得应该是这样，你原始渲染在浏览器的时候宽高填的是600，导出的时候想把它放大，但是你导出的时候填的宽高却变成了300，如果你想让它放大，导出的时候宽高应该是 600 * 放大的倍数才对
- 2015-09-14 09:34回答 2 已采纳 直接head放这个不行？干嘛用js输出 ``` ```
- 2021-09-14 16:41whisper49的博客 也叫“套壳开发”，通过写特定的代码生成跨平台的web app，可以用一些前端native开发框架或者是在移动端网页的基础上打包生成app。 移动端web app开发 web app比较接近客户端应用程序的用户体验，可以和系统深度...
- 2015-04-13 05:10回答 2 已采纳 viewport：http://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html keywords、content-type，des
- 2023-04-03 11:57回答 2 已采纳 问题分析： 从错误信息来看，第10行，dpi这个是变量，这个变量是之前的代码未定义过的，从你的提问中'dpi'是字符串；问题解决：修改第10行的代码，改为dpi=img.info['dpi'][0]，
- 2021-03-30 08:39回答 1 已采纳 这个没做过，思考一下： 1.一般操作，让UI做成矢量图，前端来处理？ 2.文件最终存储在电脑上也是字节，对这些内容处理？ 看看其他人怎么说~
- 2022-07-21 21:37睡觉的巧克力的博客 移动端基础，包括相关基础知识，Flex、rem、响应式布局
- 2021-06-21 15:20回答 1 已采纳 设个固定宽高，宽度100%，高度你按F12看一下现在是多少，直接设置成一样的值就行了
- 2020-02-16 18:11IT1995的博客 因为最近有个移动端的小项目，在此稍微学习下移动端开发基础概念。免得用框架的时候莫名其妙。 px(CSS pixels)：逻辑像素，浏览器使用的抽象单位； dp,pt(device independent pixels)：设备无关像素； dpr...
- 2022-03-21 16:59D之光的博客 文章目录移动端一、移动端基础**1 .浏览器现状****2 .手机屏幕现状****3.常见移动端屏幕尺寸****4.移动端调试方法**5.总结二、视口**1.布局视口** `layout viewport`**2.视觉视口**`visual viewport`**3.理想视口** ...
- 2023-03-28 18:45WY_ALA的博客 移动端的布局用过媒体查询吗？ 70.CSS优化、提高性能的方法有哪些？ 1.什么是盒模型 当我们对一个文档进行布局的时候，浏览器的渲染引擎会根据标准之一的css基础的盒模型，将所有的元素表示为一个个的矩形的盒子 一...
- 2021-10-18 22:17茗0309的博客 移动端基础 浏览器现状 PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器 移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，...
- 2023-02-13 16:26Michael18811380328的博客 前端移动端适配总结 阅读约 19 分钟 meta标签到底做了什么事情 做过移动端适配的小伙伴一定有遇到过这行代码： <meta name="viewport" content="width=device-width, initial-scale=1.0"> 但是，很多小伙伴...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月26日
创建了问题
9月18日
悬赏问题
- ¥15 windows2019+nginx+php耗时久
- ¥15 labelme打不开怎么办
- ¥35 按照图片上的两个任务要求，用keil5写出运行代码，并在proteus上仿真成功，🙏
- ¥15 免费的电脑视频剪辑类软件如何盈利
- ¥30 MPI读入tif文件并将文件路径分配给各进程时遇到问题
- ¥15 pycharm中导入模块出错
- ¥20 Ros2 moveit2 Windows环境配置，有偿，价格可商议。
- ¥15 有关“完美的代价”问题的代码漏洞
- ¥15 请帮我看一下这个简易化学配平器的逻辑有什么问题吗？
- ¥15 暴力法无法解出，可能要使用dp和数学知识