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

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

css:

body{min-width:1000px}

js:

var swidth=$("body").width()

if (sWidth <1000) {

sWidth = 1000

}

汗!那是专门做的后台客户端,用Java或其他语言写的框架然后连接到后台的网址,他在框架上限定了宽度

设最小和最大宽度,主要是为了防止页面变形而已如,如果一个页面的宽度设置为百分比,这时此页面的宽度会根据浏览器的宽度而定但如果浏览器的宽度过小,页面就会变形,例如,你做的用百分比设置的页面,而用户端的浏览器窗口宽度被缩小成 100px 宽度(或显示器分辨率过小)那么如果你页面中没设置最小宽度,那可想而之你这时的页面会崩到啥情度,但如果你加了一个:min-width:780px的最小宽度的话那么,当浏览器宽度为 100px 时,你的页面依然能完美显示而不会崩掉……同理,最大宽度 max-width 也是如此现在大多显示都是宽屏的,如果你不想你的页面铺满全屏或各模块的间隔过大,就可以加个最大宽度进行限制。以上……