css文件怎么打开iphone,如何使用HTML / CSS在iPhone上显示代码

iPhone无疑是查看代码的最佳平台,但我想尽可能优化我的网站的移动部分.我无法正常显示代码(在本例中为

Java代码).

我正在使用< pre>标签,以及一些CSS,为代码渲染一个漂亮的小背景.看起来不错：

但是,如果您滚动查看其余代码,则会得到以下结果：

< pre>内的文字正确渲染,但背景颜色停在设备的宽度.我已经在模拟器,运行3.0的3G设备以及运行3.1-beta的3G中尝试了这一点,他们都表现得这样.

它在Mac上的Safari中渲染得很好;只是不在iPhone上.

这是HTML：

String input = readUserInput(); // assume defined elsewhere

int i;

try {

i = Integer.parseInt(input);

} catch (NumberFormatException exception) {

System.err.println("You entered an invalid integer: " + exception.getMessage());

}

而CSS：pre {

font-weight: bold;

border: 2px solid green;

background: #669999;

padding: 5px;

}

最佳答案多么好奇的虫子！我可以在真人iPhone上重现它.我猜它是由iPhone如何处理

viewport settings引起的.你应该澄清的一件事是你的页面中有什么视口设置(通过元标记).您的屏幕截图显示它比默认的980像素大小小.我尝试以各种方式修改视口,但无法阻止此错误发生.

我有一个解决方法,即在pre块上设置width参数.即：

出于几个原因,这是一个糟糕的解决方案它会产生一个固定宽度的块,它会使你的边框变得松散等等.但它确实会产生一个比视口宽的彩色背景块.也许这对你来说是可以接受的,也许它是真正解决方案的基础.

css文件怎么打开iphone,如何使用HTML / CSS在iPhone上显示代码相关推荐

Freemarker生成word文件，打开后页眉和页脚图片不显示
Freemarker生成word文件,打开后页眉和页脚图片不显示在我们开发过程中通常会把模板文件Ctrl+Alt+L格式化,方便处理.这样就造成word的标签格式产生多余的换行或者空白,但是word ...
webpack如何将css文件分离的,详解webpack分离css单独打包
这篇文章只写了如何把css打包成一个css文件,没有讲解如何打包成多个css文件,经简友提点,这里添加上了打包成多个css文件的方法. 瞎扯 webpack 把所有的资源都当成了一个模块, css, ...
php导入qq数据txt代码,/谁有能都实现将excel文件导入到数据中，并在php网页上显示的源码啊，有的发送1091932879@qq.com,谢谢!...
PHP网页怎么导入Excel的数据参码如下: // 1.引用ExcelReader类文 require_once 'Excel/reader.php'; // 2.实例化读取Excel类 $data ...
yii怎么引入css文件,Yii框架怎样引用JS和CSS文件
Yii框架怎样引用JS和CSS文件发布时间:2021-01-06 09:58:23 来源:亿速云阅读:118 作者:小新这篇文章给大家分享的是有关Yii框架怎样引用JS和CSS文件的内容.小编觉 ...
php框架 css文件引用,yii框架中怎么引入css文件
一.我们在shop目录下的assets目录下面创建一个文件目录(我以default为例),在default下面创建一个css文件目录,将我们的css文件直接放在该目录下面. 二.我们在shop目录下面 ...
php 压缩js css文件,PHP实现动态压缩js与css文件的方法
本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参考,具体如下: 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用只需要 ...
因为CSS文件编码问题IE6无法正确解析CSS
今天在修改ClassicBlue皮肤时,因为拷备了一段带有中文注释的CSS进去,导致该CSS文件在IE6下无法正常发挥作用,但在FF和IE7下都是非常正常的. 在网上查了下详细原因,有如下说法: 网页 ...
php 生成css文件怎么打开,php生成html文件的多种步骤介绍
//定义日期函数 function getdatetime() { $datetime=getdate(); $strReturn=$datetime["year"]." ...
css文件组件化（不需要再创css文件了）
(79条消息) react函数式组件项目快速搭建_️�あの的博客-CSDN博客 1.项目基础已搭建后,在idea终端或cmd中输入以下命令 npm install styled-components ...

css文件怎么打开iphone,如何使用HTML / CSS在iPhone上显示代码

css文件怎么打开iphone,如何使用HTML / CSS在iPhone上显示代码相关推荐

最新文章

热门文章