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

html-css012

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时执行弹框是多少，

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

nav{font-size:16px}

@media screen and (min-width:320px){/*当屏幕宽度大于等于320像素,nav的字体改为14，这种方法不用刷新的，自动判断的，但必须要写在原本样式下面*/

    nav{font-size:14px}

}

/*同理*/

@media screen and (max-width:320px){/*宽度小于等于320,同理*/

}