我已经预格式化了文本，在桌面浏览器中看起来很好，但是在移动设备上，相对于普通文本而言，一切都很小。如果我使用ems或percent更改大小，则它在桌面上缩放太大。我已经到处搜索Google解决方案，但到目前为止还没有运气。解决此问题的最佳方法是什么？解释为什么<pre>在移动浏览器中显示得如此之小的要点。
这是HTML的精髓。没有CSS：
<html>
<body>
<div class="content">
<article>
<time datetime="2014-01-17 00:00:00 +0000 UTC">17 January 2014</time>
<pre><code>$ go run program.go # run a go program
$ go build package # build a go package; Cmake, Autotools, etc not required!
$ go install package # install a go package
$ go test package # test a go package
$ go get package # get any public package from the Internet
$ go fmt package # format a go package
</code></pre>
</article>
</div>
</body>
</html>
最佳答案
您可以使用CSS3 media queries来根据屏幕宽度进行区分：
<style>
@media screen and (max-width: 700px) {
pre {
font-size: 120%;
}
</style>
<pre>HEll yeah all these spaces
and stuff</pre>
关于css - <pre>文字在移动浏览器中很小。我该如何解决？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27181837/