（插一条calc的属性详解）
vw ：Viewport width，即容器（可以是div）的宽度，默认1vw=整个视窗宽度的1%，全屏为100vw。比如视窗宽度为1200px，1vw=120px=1200px*1%，如果是满屏就则为100vw=1200px。
vh ：Viewport height，即容器（如div）的高度，默认1vh=整个可视窗口高度的1%，全屏是100vh。
2. calc（100vmin）也可以达到自适应的效果，但还是用起来效果一般
3. calc(100vw - px) vw是根据屏幕的大小来计算的，屏幕缩小，100vw也会变大
设置最小宽度min-width:*px与最大宽度max-width:*px
看到你说的还想让此自适应屏幕大小，又不能用百分比来控制是吗？其实最好的方式就是百分比来控制；
第二种方式就是@media screen来判断一下屏幕的大小如：
@media screen and (min-width:360px){#tankuang{width:*像素}}
当浏览器的宽度大于360px的时候执行弹框宽度是多少；
@media screen and (max-width:1440px){#tankuang{width:*像素}}
当浏览器宽度小于1440px时执行弹框是多少，
希望我的回答对你有所帮助；如果还有疑问继续追问我；
