杭州，国庆七天，有没有大牛前端需要找个免费的前端助手打打杂？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3380 天前的主题，其中的信息可能已经有所发展或是发生改变。

打杂

前端

助手

杭州

9 条回复 • 2015-09-28 11:37:32 +08:00

chengqiang1992

2015-09-27 22:24:56 +08:00

好吧，那我弱弱的问个问题。如何使得一张图片自适应屏幕宽高？
我把自己的 demo 贴出来吧
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />


<meta name="viewport" content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no"> 
<meta name="format-detection" content="address=no">
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 


<title>全屏广告测试</title>

<style type="text/css">
/*CSS 样式初始化开始*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
/*CSS 样式初始化结束*/

/*@media screen and (max-width:480px){
img {
width:100%;
height:480px;
}
}
@media screen and (min-width:320px) and (max-width:480px){
img {
width:100%;
height:200px;
}
}*/
img{
width:100%;
height:100%
}

</style>

<script type="text/javascript">
//alert(window.screen.width);
//alert(window.screen.height);
</script>
</head>
<body>
<img alt="广告页面" src="E:\Web 前端\Bootstrap 以及模板\Matericak_Picture\Design-Quotes18.jpg">
</body>
</html>