网站按钮位置适应

2015-04-12 17:11:06 +08:00
 sennes

帮别人修改网站，对方是完全不懂的。
我也就懂一点点。
想请教一下怎么把play.png正好和index.png的相应位置重合?
我试过设定绝对的位置，不过换个浏览器或者换个手机就错位了

http://i.v2ex.co/QpSYhT5Jl.png

给出一部分代码，有需要的话再贴。

.start{
        background: url("img/index.png") no-repeat center;
        height: 535px;
    }
    #play{
        position: absolute;
        bottom: 40%;
        left: 34%;
    }
</style>
<script type="text/javascript" src="js/game.js"></script>

</head>
<body>
<div class="start">
<img id="play" src="img/play.png">
</div>

我觉得是改CSS #play 的这个位置就可以了。不过改来改去都不满意。
大家有什么建议? 先谢谢大家。

1529 次点击
所在节点    问与答
2 条回复
icyflash
2015-04-12 17:26:52 +08:00
div.start要设置width min-width position为relative
#play不要用定位不要用百分比，用px

不过你这个。。根本就不应该这么去弄
play.png那个根本没必要
要在index.png那上面的play加上按钮的话
直接用一个a display:block 设置相应的长宽 其它的就根上面说的一样，调位置。
sennes
2015-04-12 17:35:21 +08:00
@icyflash 谢谢，我去试试

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/183243

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX