为了账号安全,请及时绑定邮箱和手机立即绑定

怎样实现转盘随着分辨率的大小改变而高度不变

怎样实现转盘随着分辨率的大小改变而高度不变

big_rock 2015-07-15 11:50:11
<style type="text/css">*{ margin:0; padding:0 } body{ font-family:'微软雅黑','MicrosoftYaHei',Arial,Helvetica,sans-serif; color:#000; min-width:320px;width:100%; }.pr { position: relative;}.demo { width: 300px; height: 417px; position: relative; margin: 10px auto; left: 40px; top: 175px}#disk { width: 417px; height: 417px; background: url(~/image/disk.jpg) no-repeat}#start { width: 163px; height: 320px; position: absolute; top: 76px; left: 95px;}#start img { cursor: pointer}#main { background: url(images/bj.jpg) no-repeat center top; background-size: 100%; height: 520px; width: 100%}img {    max-width: 100%;    vertical-align: middle;    border: 0px none;}.pic { width: 100%; text-align: center; margin: 0px auto;}.w927 { height: 515px; background: url(../images/bj.jpg) no-repeat center top; background-size: 100%;}.map-item{ width:100%; text-align:left; padding:3% 7%; color:#20436b; font-size:12px; }</style></head><body><div id="main"><div class="msg"></div><div class="demo pr">  <img src="images/pan.png" alt="Big Boat" width="240">  <div id="start"> <img src="images/zhen.png" id="startbtn" width="50"></div></div>  <div class="pic">    <img src="images/time.png">    </div> <div class="pic">    <img src="images/content.jpg">    </div>    <div class="pic">    <img src="images/gz.png">    </div>
查看完整描述

4 回答

?
echo_kinchao

TA贡献600条经验 获得超86个赞

你这样写的意思 浏览器会认为是图片本身的 size固定在百分百了  应该写例如  width:80%

查看完整回答
反对 回复 2015-07-15
?
浅水了

TA贡献12条经验 获得超2个赞

是两张图吗?

查看完整回答
反对 回复 2015-07-15
?
echo_kinchao

TA贡献600条经验 获得超86个赞

高度定死    宽度设定百分比

查看完整回答
反对 回复 2015-07-15
  • big_rock
    big_rock
    背景图是background-size:100%,背景变大,转盘还在那个位置,这样不可以
?
big_rock

TA贡献3条经验 获得超0个赞

//img1.sycdn.imooc.com//55a5d88600012a0403090440.jpg这种的图 不变高度

查看完整回答
反对 回复 2015-07-15
  • 4 回答
  • 0 关注
  • 1825 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信