moyemoji
2017-05-17 02:13
采纳率: 0%
浏览 1.6k

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

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

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

14寸屏(分辨率1366*768)
21寸屏(分辨率1920*1080)

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 个人建议使用rem单位设置或者使用js控制元素在页面中的占比

    评论
    解决 无用
    打赏 举报
  • zhituji 2017-05-30 04:16

    这是px的物理特性决定的,你改变不了的,建议使用rem.

    评论
    解决 无用
    打赏 举报
  • moyemoji 2018-03-01 07:14

    检查了HTML发现漏掉了meta元素,真是太粗心了。

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题