与最大宽度max-width:*px
看到你说的还想让此自适应屏幕大小，又不能用百分比来控制是吗？其实最好的方式就是百分比来控制；
第二种方式就是@media screen来判断一下屏幕的大小如：
@media screen and (min-width:360px){#tankuang{width:*像素}}
当浏览器的宽度大于360px的时候执行弹框宽度是多少；
@media screen and (max-width:1440px){#tankuang{width:*像素}}
当浏览器宽度小于1440px时执行弹框是多少，
希望我的回答对你有所帮助；如果还有疑问继续追问我；
nav{font-size:16px}@media screen and (min-width:320px){/*当屏幕宽度大于等于320像素,nav的字体改为14，这种方法不用刷新的，自动判断的，但必须要写在原本样式下面*/
nav{font-size:14px}
}
/*同理*/
@media screen and (max-width:320px){/*宽度小于等于320,同理*/
}
你说的这个叫媒体查询，是CSS3里面的概念。
通过媒体查询，可以根据不同的屏幕分辨率使用不同的显示策略。
媒体查询的使用方式如下：
@media (min-width:800px) and (max-width:1200px) { ... }即：屏幕分辨率大于800，小于1200的使用这个策略。
这样就可以根据不同的屏幕分辨率在css样式里设置图片的宽度了。
