博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片自适应高度的问题
阅读量:5908 次
发布时间:2019-06-19

本文共 431 字,大约阅读时间需要 1 分钟。

手机端适应宽度,高度,有时估计不好解决

但是找到好的方式,能让效率事半功倍

不需要用js控制

此栗子中的按钮,举一反三

整个psd宽度为750,按钮宽为280,高度69(不用考虑)宽度占37%,所以定位:

header{

  position:relative;

}

a{

  position:absolute;

  display:block;

  width:37%;

  left:50%;

  bottom:0;

  margin-left:-18.5%;

  高度不要设置,利用父元素依据内容定高度的方式

}

a img{

  display:block;

  width:100%;

  高度不要设置,利用auto

}

html结构

  <header>

      <a href=""><img src=""></a>

  </header>

转载于:https://www.cnblogs.com/FineDay/p/5787565.html

你可能感兴趣的文章
PDF417美国驾照条形码信息自动识别
查看>>
IMB MQ 报错问题记录
查看>>
Annotation注解详细介绍
查看>>
Java网络编程——6.HTTP
查看>>
三阶行列式
查看>>
logback基本架构和运作逻辑以及一些常用的自定义方式
查看>>
sed命令
查看>>
V哥自用 测试fragment声明周期 调整懒加载
查看>>
android 弹出软键盘属性windowSoftInputMode
查看>>
Popcap Game Framework 编译与运行
查看>>
打包ipa的方法,需要开发者账号
查看>>
带border的百分比布局
查看>>
数据交互时遇到的问题,已得到解决
查看>>
java实体类
查看>>
Mysql分区管理基本操作
查看>>
Spring IOC
查看>>
SpringMVC强大的数据绑定(2)——第六章 注解式控制器详解——跟着开涛学SpringMVC...
查看>>
html input文本只读
查看>>
Struts2访问request,session,application的四种方式
查看>>
借用PortAudio采集和播放音频,实现一个双路混音器(转)
查看>>