场景:为适应各种大小的屏幕
自适应布局我知道的两种方式
1.使用媒体查询,下面制定了几种适应方式,例如第一个表示屏幕宽度在320px-360px之间的,html字体大小适配为13.65px
media only screen and (max-width: 360px) and (min-width: 320px){
html{
font-size:13.65px;
}
}
media only screen and (max-width: 375
代码如下: [removed] function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement(“div”); t[removed] = ‘<ifr a me id=”kxifr a meagent” src=”http://rest.kaixin001.com/api/agent.html#’+dHeight+'”scrolling=”ye
对于ifr a me高度自适应的问题,网上已经被讨论n次了,一般通过在ifr a me加载完毕时访问ifr a me内页body的offsetHeight和offsetWidth然后更新ifr a me的高宽来实现。 今日遇到的自适应问题与以往有一些不同,这次的src是一张图片,而且是一张大小不确定的图片(从数据库取出来的数据生成的),在此使用以往的方式似乎就没有那么灵验了。突然想到img标记的高宽是可以获取到的。于是突然有了思路。 解决办法如下: 先动态生成