檬味博客 » 问答 » div+css浏览器页面缩小，字体怎么才能也一同缩小

div+css浏览器页面缩小，字体怎么才能也一同缩小

DOCTYPE HTML> CSS3 Demo #box { width: 10em; padding: 15px; font-size: 1em;} #box2 { font-size: 4vw;} Nihao a 你好 啊啊 啊啊 哈牛粪打款三幅画 我们都是好孩子啊啊2 window.onresize = function(){ var box2 = document...
div+css浏览器页面缩小，字体怎么才能也一同缩小
你在CSS页面最上上端写这个
/* ===================================================================
11px = 85% 12px = 93% 13px = 100% 14px = 108%
15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5%
19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167%
23px = 174% 24px = 182% 25px = 189% 26px = 197%
=================================================================== */
之后便是字体大小的时候用%就行 这样的话浏览器页面缩小时字体也跟着小了2013-09-25
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>CSS3 Demo</title> <style type="text/css"> #box { width: 10em; padding: 15px; font-size: 1em;} #box2 { font-size: 4vw;} </style></head><body> <div id="box"> Nihao a 你好 啊啊 啊啊 哈牛粪打款三幅画 </div> <div id="box2"> 我们都是好孩子啊啊2 </div><script type="text/javascript">window.onresize = function(){ var box2 = document.getElementById("box2"); box2.style["z-index"] = 1;}</script></body></html>2013-09-24
浏览器自带缩放功能，Ctrl +
使用HTML CSS没办法。用SVG2013-09-24
mengvlog 阅读 8 次 更新于 2025-07-19 03:06:12 我来答关注问题0
3 个回答檬味博客专题活动
  • 深空见闻 CSS怎么实现div随着网页的大小变化而变化呢?

    CSS实现div随着网页大小变化而变化的方法，关键在于正确设置div的width和height属性。这里有一个常用的参数，即auto，它允许div的宽度和高度根据其内容自动调整。当浏览器窗口缩小或放大时，div的大小也会相应变化，这种变化基于div内部内容的实际大小。举个例子，如果在CSS中将div的width和height设置为auto，...

  • 胡李斌9 css/div做的浮动网页 当左右浮动的时候怎么当浏览器的窗口缩小的时候浮动的就往下跑了

    是你float设置有问题，一般来说加float：left；display：inline-block；就可以的给最外层的DIV定义一个最小宽度加绝对定位吧所在div的css样式里：position:absolute；

  • IceCry613 div+css浏览器页面缩小,字体怎么才能也一同缩小

    DOCTYPE HTML> CSS3 Demo #box { width: 10em; padding: 15px; font-size: 1em;} #box2 { font-size: 4vw;} Nihao a 你好 ...

  • ldcz2008 css控制网页宽度,当浏览器百分百显示时显示全屏,当浏览器缩小页面也缩小,缩小到一定程度后再显示不全,

    然后css设置一下最小宽度 wrap{width:1000px;min-width:1000px;margin:0 auto;} /* 因为ie6不支持min-width属性，还需要js的配合 */ 如果是在比你现在用的显示器更大点的显示器的话，一样会乱掉，最好的办法就是在最外面在加一个div 然后给个固定的宽度 设置外边距上下为...

  • 倍领趣闻 HTML+CSS做的网页,怎么让网站内容按比例自动缩小

    一般缩小讨论的是宽度问题，因为用户的浏览器和分辨率各不相同。你可以先创建一个外层的div，再在其中嵌套一个内层的div，然后在内层div中放置正文内容。对外层div的CSS进行设置，宽度使用百分比表示，这样可以保证页面布局能够根据屏幕大小进行适应。同时，为了兼容Internet Explorer浏览器，还需要设置text-align...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部