缩小了的在Twitter的引导大小?(Zoomed-out sizing in twitter bo

2019-08-03 13:51发布

我喜欢所有项目的大小使用(在我的浏览器),当Twitter的引导我已经放大了两次,按CTRL - ,CTRL - ,而不是默认的,用Ctrl + 0观看。

变焦影响字体大小时,响应式设计,和我想用引导其他伟大的原因一打,所以我不想hackishly刚修好的宽度,打破了这一切。

并引导有一个CSS值(或一小组人),我可以改变的地方产生这样的变焦和定径? 我意识到设定放大本身更多的是浏览器的问题,所以我宁愿不硬编码它的方式,无论是。

编辑

答案可能是接近这个:

设置最大宽度为使用引导体

......这表明没有? 我必须重新编译自举?

Answer 1:

使用CSS,你可以这样做:

body {
    zoom: 75%;
}

请参阅: http://dev.w3.org/csswg/css-device-adapt/#the-lsquozoomrsquo-descriptor

和什么是“放大”在CSS呢?

看来,变焦可能不会(为2013年8月)的当前要在Firefox支持。



Answer 2:

回答你的问题是 - 至少对于字体,如果你适当地编写你的CSS。 见我的回答对非字型这是很多棘手的后半部分。

CSS的单一线,可以控制所有字体大小是:

body {
  font-size: small;
} 

使用像素大小,因为他们喜欢的严格控制许多设计师将编写CSS。 然而,有这个问题 - 的Internet Explorer(所有他们一路攀升至IE9)不允许文本大小的重写当使用像素为单位。 调整文字大小的能力是人的视力差是必要的 (即人40出头,加上由于老花眼-人口的很大比例-认为婴儿潮一代)。

CSS支持绝对尺寸关键词(一拉T恤尺寸):

  • XX小
  • X小
  • 介质
  • X-大
  • XX-大

具有各尺寸之间的大约1.5的缩放因子。 关键词通常是约12个像素,但有浏览器之间的一些差异。

一旦你已经确定你的基地的大小(它通常是“小”),那么你可以使用百分比来定义相对,你将需要整个布局碱基大小。 例如,如果你想H1元素是相当大一点,那么你会简单地做:

h1 {
  font-size: 150%;
} 

因此,任何元素都可以指定一个百分比,你可以把它比您已设置为主体的基台更大或更小。 不要太用力,并根据您的问题,整个文档的字体大小可以通过一个单一的CSS值进行调整。

有一些进一步的坏消息和一个好消息。

坏消息是,嵌套的元素从父容器继承他们的胶料。 因此,如果我们设定的#container为具有基部尺寸的95%,然后我们在将其设定为150%的是容器中的H1元件 - 则H1实际上是95%(这是1.5×0.95 150% = 1.425因此142.5%不150%)。 这可能会非常棘手,你有许多不同大小的多嵌套。

好消息是,雷姆('根EM的)都可以使用REMS指文字大小始终是尺寸相对于底座(根)字体大小-所以不需要更多的数学,如果你使用REMS定义大小。

至于非字体,这是一个很好的问题。 我建议你可能要使用CSS定义的百分比,而不是如果你想非字型元素增长像素定义/调整适当。



Answer 3:

答案是NO,没有单一的,简单的方法来做到这一点的引导程序设置,从少重新编译,即使是在桌子上。

问题的症结在于引导响应式设计的作品进行大规模的1200个像素显示器。 这使得1000像素笔记本电脑的显示器看起来非常放大项。

直接编辑较少的文件,我减小字体大小,在减少了1200个宽度和字体大小..

  • variables.less
  • media.less
  • layouts.less
  • 响应-1200-min.less

它只是似乎使导航栏。 我从引导GitHub的理解是,有相当数量的硬编码更用不到的变数建议,并占据了很大的问题。



文章来源: Zoomed-out sizing in twitter bootstrap?