html设置了最小值后为什么会在手机上以最大值显示

html设置了最小值后为什么会在手机上以最大值显示,第1张

是用的min-width与max-width这样来设置的吗?

如果是这样来设置的话:你百度查一下这两个属性的意思;

min-width是设置的网站最小宽度是多少;如果你想让他小点再设置个max-width最大值,让宽度不要超出这个值;

还有一种方式是@media screen and (max-width:360px){body{font-size:15px}}

这样来判断意思是:如果浏览器的宽度小于360px那么body内的字体为15px

同样方式:@media screen and (min-width:360px){body{font-size:15px}}

这样来设置的话就是当浏览器的宽度大于360px的时候字体为15px当然不光设置字体还可以设置别的属性,我只是给你举个例子;

给相应的元素设置最小宽度样式

比如

width:100%min-width:1000px

意思就是,宽度是百分之百,但最小宽度是1000像素

这样,你最小化后,他的宽度最少是1000像素,这样就不会被挤成2行了

题外话:相应的还有最大宽度、最大、最小高度等样式

max-width 是最大宽度,其他同理!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7738130.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存