css如何设置最小宽度是屏幕宽度 => style="min-width: 屏幕宽度">

html-css09

css如何设置最小宽度是屏幕宽度 => style="min-width: 屏幕宽度">,第1张

设置最小宽度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时执行弹框是多少，

希望我的回答对你有所帮助；如果还有疑问继续追问我；

css自适应宽度有2种方式：

1.是通过百分比来控制宽度；

2.可以通过块状元素自动占满父级的宽度的特性来实现

PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。