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

html-css014

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

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

IE6支持最小宽度，解决CSS代码：

.yangshi{min-width:1000px_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"")}

说明：min-width:1000px这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"")则是让IE6支持min-width替代CSS代码，但效果和其它版本浏览器相同效果。

让所有浏览器都支持min-width的CSS样式代码，完整：

min-width:1000px_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"")

这里的1000和1000px是你需要的数值，注意3个数值的相同。