qq_38562743
2017-09-13 06:11
采纳率: 50%
浏览 4.2k
已采纳

html和css布局怎么适配不同的分辨率

用html和css布局的页面,自己的电脑是1365 736的分辨率,放在1920 1080分辨率的屏幕上排版就乱了,这应该怎么解决

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

10条回答 默认 最新

  • cloudyzhao 2017-09-13 06:16
    已采纳

    1.使用百分比 相对位置
    2.先获取分辨率 然后对应的设置参数

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 听楼一夜雨 2017-09-13 06:16

    根据屏幕尺寸写媒体查询自适应或者做成响应式http://www.w3school.com.cn/tags/att_style_media.asp

    评论
    解决 无用
    打赏 举报
  • XianRenShan 2017-09-13 06:34
    评论
    解决 无用
    打赏 举报
  • Net攻城狮 2017-09-13 06:50

    用百分比定义宽度,最大100% 这样页面布局后 不同分辨率就会按百分比进行缩放扩大。不影响布局,

    评论
    解决 无用
    打赏 举报
  • weixin_39156496 2017-09-13 07:27
    评论
    解决 无用
    打赏 举报
  • IAmObject 2017-09-13 09:20

    自适应布局,只要在设置的时候用百分比就问题不大

    评论
    解决 无用
    打赏 举报
  • 煽风点火聊电影 2017-09-13 15:19

    自适应响应式布局,设定不同物理分辨率的不同的布局
    这个可能需要你在PS上演练下
    于无声处听惊雷吗

    评论
    解决 无用
    打赏 举报
  • carrykingdow 2017-09-14 01:08

    自适应布局一般都用百分比来控制。你可以给你的网页设定一个最小的尺寸,然后让他居中显示

    评论
    解决 无用
    打赏 举报
  • Young_Gao 2017-09-25 07:23

    使用百分比就可以了。看描述楼主应该是用的px,所以分辨了一变很多样式就乱了,非要用px的话可以获取当前屏幕的宽高,然后在按照比例设置就可以了

    评论
    解决 无用
    打赏 举报
  • weixin_44241389 2019-05-20 13:57

    两个步骤:
    1、@media screen and (max-width:1366px)和@media screen and (max-width:1920px)通过css样式覆盖
    2、设置百分比

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题