既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。这个属性前给-webkit-谷歌前缀,那么就可以控制字体的大小,代码如下:p{font-size:10px;-webkit-transform:scale(0.8);}/*这里的数字0.8,是缩放比例,可以根据情况变化。*/...
转为block就独占一行啦。如果我后面紧追怎么办元素。所以转换为inline-block 放在谷歌浏览器里,运行一下会发现支持字体变小啦~~放心啦。。。但是你会发现。会存在一定的边距。貌似margin或者padding的间距。这就是缩放存在问题。原来的位 置还占有12px字体的大小。所以,要对应修改margin了。定义为负的。
一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式:[css] view plaincopy .classstyle{ -webkit-text-size-adjust:none; font-size:9px; } 再讲一下text-size-adjust属性,该属性用来设定文字大小是否根据设备(浏览器)来自动调整显示大小,safari 3.0+,chrome 1.0+可以支持。...
谷歌浏览器调整字体小白攻略1、打开软件,点击右上角的三个点按钮,选择下方选项列表中的“设置”。2、在打开的窗口界面中,点击左侧菜单栏中的“外观”选项。3、然后找到右侧中的“自定义字体”,点击选项框的下拉按钮,选择合适的选项就可以了。4、这时我们可以看到浏览器上的字体大小发生了改变。好了...
如果你指的是缩放网页的话,可以用Ctrl键加鼠标滚轮来实现。