不同解析度显示屏下px长度不一致的问题如何解决？

HTML中的标签长宽分别设置为300px，在14寸屏（分辨率为1366*768）和21寸屏（分辨率1920*1080）上显示长度不一致，后者中元素长度大约是前者一半左右。

请问如何才能保证在不同解析度（屏幕密度）下元素的长度保持一致？或者说如何让网页自适应屏幕密度？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
爱长发的短发小二哥 2017-05-27 11:24
关注
个人建议使用rem单位设置或者使用js控制元素在页面中的占比

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

富文本解析视频不同手机显示效果问题 css javascript 前端框架
2023-02-04 10:43

回答 2 已采纳该回答引用ChatGPT请参考下面的解决方案，如果可行还请点击采纳，感谢！尝试以下几种方法： 1、对于不同牌子的手机使用不同的视频格式，例如支持 .mp4 和 .webm 格式的视频。 2、使用vi
前端页面详细解析问题前端
2023-04-14 17:47

回答 1 已采纳 Label和key可能是用于标识不同类型漏洞以及它们的紧急程度。
问题：无法解析方法 'setCharacterEncoding(String，如何解决？ javascript 有问必答
2022-10-27 12:29

回答 4 已采纳报错都是因为没导包，并且使用servlet需要引入servlet-api.jar包jsp页面加入 <%@ page import="java.util.*"%> 其他包同理导入
关于css样式实际大小和浏览器显示不一致的问题
2022-11-20 09:54

以对_的博客参考：https://blog.csdn.net/qq_48795482/article/details/120145402。可以把浏览器缩放到80%，或在window的显示里把缩放改为100%但这里我比较好奇的是，如果在别的显示器上打开会有影响吗。
关于#while#的问题，如何解决？求解析 c++ c语言
2022-05-29 21:22

回答 1 已采纳 for(K=1;K<3;K++)中K=1 FUN(A)中J=0开始，函数中把A[0],A[1]的值与它后面的值相加。K=2 FUN(A)中J=2开始，函数中把A[2]的值与它后面的值相加。A[2
为什么Edge以外的浏览器只显示html代码而不解析它们？ edge firefox html
2023-02-12 09:26

回答 3 已采纳 Edge 浏览器使用了 Microsoft Edge HTML 引擎，它可以解析 HTML 代码，而其他浏览器使用的是不同的引擎，因此无法解析 HTML 代码。
不同手机富文本解析视频标签问题 css javascript 前端
2023-02-04 13:17

回答 1 已采纳回答不易，求求您采纳点赞哦建议您尝试使用video标签作为富文本解析视频标签，这是一种通用的解决方案。如果video标签也不能满足您的需求，您可以尝试使用第三方的视频播放组件，例如video.j
2024前端面试题！（附答案及解析）（2024.4月最新版）
2023-03-27 14:44

Komorebi ঞ꧔ꦿ的博客 2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.4月最新版）
前端标签无法解析不知道什么原因可以告知一下非常的头疼！前端无法解析的前端
2023-01-03 17:20

回答 1 已采纳什么编辑器
未解析的引用是什么意思，应该如何解决这个问题呢？ python
2021-12-08 22:14

回答 1 已采纳【有帮助请采纳】你这个print写到函数外面了（少了一个缩进），就无法解析变量dayup了（程序会任务这个dayup没有被定义），放到函数里面，就可以然后再执行函数就可以达到你要的效果了【有帮助请采纳
前端：图片路径被篡改问题怎么解决？ css 前端
2016-04-19 02:09

回答 1 已采纳你路径怎么设置的？还有html文件放哪个目录下。目测html文件放css里面，并且img的src为 img/searchDiv_form.png ，这样会接上当前目录如果你img和css文件夹同级
CSS如何设置高度为屏幕高度_前端CSS面试题含答案#前端程序员#
2020-11-13 02:09

weixin_39997311的博客在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。CSS 盒子模型具有内容 (content)、填充 (padding)、边框 (border)、边界 (margin)这些属性。我们所...
为什么这个解析会一直有问题啊，这种情况该怎么解决？ python
2021-12-23 14:10

回答 2 已采纳 @heianduck
2023前端面试题第二弹（真实，一般人我还不给看）
2023-02-12 00:15

蒙奇不想敲代码的博客避免浏览器差异，解决兼容问题网格布局 display: grid; grid-template-columns: 1fr 1fr 1fr less的优点可以兼容，可以嵌套，循环，运算，定义变量和继承样式（extend） computed和watch的区别；computed和...
大前端高频面试题详解确定不看看？（持续更新）
2023-05-28 14:57

星辰大海1412的博客在前端面试中，除了要求掌握 HTML、CSS、JavaScript 等基础知识外，还需要对框架、工具、技术栈等有深入的理解和...针对这样的需求，我准备了一篇前端面试文章介绍的简介，希望能够帮助读者更好地了解前端面试的内容。
没有解决我的问题, 去提问

悬赏问题

¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
¥200 uniapp长期运行卡死问题解决
¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？
¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？
¥15 乘性高斯噪声在深度学习网络中的应用
¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
¥15 C++ 头文件/宏冲突问题解决
¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
¥50 安卓adb backup备份子用户应用数据失败

不同解析度显示屏下px长度不一致的问题如何解决？

3条回答 默认 最新

悬赏问题

3条回答默认最新