标签: opera-mini

所以我希望用户能够在我的网站上看到我的背景.目前我的网站宽度是925px,当您在移动浏览器(例如iPhone,Opera Mini)中查看网站时,它会放大文本并且用户无法看到背景.

我试过使用meta viewport标签失败了.如何在移动浏览器上默认缩小我的网站？

编辑:

这是我到目前为止尝试过的代码:

<meta name = "viewport" content = "width = device-width">

使用此代码:

<link rel="stylesheet"
      type="text/css"
      href="media/css/mobile.css"
      media="handheld" />
<link rel="stylesheet"
      type="text/css"
      href="media/css/screen.css"
      media="screen" />

在我的N78上诺基亚的默认浏览器和opera mini加载screen.css而不是mobile.css.
我错过了什么？

如何在Opera Mini上调试看起来很奇怪的网站？该网站在任何其他浏览器上运行良好.

我目前正在使用此代码替换不可用的占位符功能.我在jQuery上有一个点击监听器,它改变了占位符文本:

$('.contact-type').change(function(event) {
    $contactInfo = $(this).closest('div').prev().find('#contact-info');
    $contactInfo.removeClass();
    $contactInfo.addClass('form-control input-lg');

    $contactInfo.addClass('validate[required,custom[line]]');
    $contactInfo.attr("placeholder", "LINE ID");
})

问题是当使用jquery占位符时,我更改了占位符文本然后调用了$('input, textarea').placeholder();.新的占位符不会改变.如何在值更改时更改占位符？

Opera Mini不支持line-height并且没有font-size正确,我有2个文本块(10px/1 Arial) - 一个位于页面顶部,一个位于页面底部,两者都应始终可见(不允许滚动或移动它们),但因为它们需要更多Opera Mini中的空间我必须缩小尺寸并删除其他一些块,这样就不会有任何滚动(这对于小屏幕的移动设备来说至关重要320x480px).

我知道JS解决方案完美运行,但我不允许在该页面上使用任何脚本.我也不能使用任何非标准字体.我只允许使用内部样式表.

我找不到任何更好的东西,:-o-prefocus并且我和它一起使用它@media所以它只影响具有小屏幕的移动设备,其中文本占用很多空间,但是这样它仍然影响那些设备上的所有Operas,所以其他块是不必要的小或被移除.

所以基本上,问题是 - 是否有任何针对Opera Mini的纯CSS解决方案？

更新:

最终,我最终解决的原始问题的最佳非js解决方案是:

:-o-prefocus, .block1, .block2 {font-size: 14px;}
@-o-viewport {zoom: 0.75;}

我想为我现在开发的网站增加价值,以便用户可以查看他们的手机.

我的问题:

1. 我应该为移动版和完整版一个制作不同的模板吗？就像为移动版创建mobile.example.com一样？

2. Opera Mini不支持JavaScript吗？我有一部装有Opera Mini的手机,似乎JavaScript没有运行.所有Opera Mini都没有JavaScript吗？

3. Opera Mini是否支持完整的W3C标准HTML和CSS？或者他们有不同的？

4. 是否有任何模拟器可以在不同的手机上查看或测试网站？例如:Iphone浏览器,Blackberry浏览器,WAP和Opera Mini.

谢谢!!!

我如何在opera mini中调试javascript？

我已经安装了opera mini模拟器.

有人可以帮助我如何使用dragonfly(firebug相当于歌剧)远程调试javascript？

我的脚本在所有其他浏览器中工作,但不在opera mini中

我遇到的问题是,我从Instagram API获得的图像URL没有在Opera Mini浏览器上显示图像,并且它在Android浏览器或Safari上运行得非常好.

这是图像.我不确定这里的问题是什么,但通过查看URL,似乎图像是使用amazons3托管的,并且可能有一些缓存机制,歌剧效果不佳.这些解决方法有哪些？我只是不能放弃Opera mini支持,因为我网站50%的流量来自那里.测试这个的最好方法是在你的设备上下载Opera Mini(我正在尝试在这里提供的模拟器,但它不起作用)

另一个例子尝试从opera mini 打开这个instagram用户配置文件.您可以看到大多数图像都没有加载.

我设计了一个网站.但是,Opera Mini中的行高不起作用.

.lbl-name {
    height: 30px;
    line-height:30px;
}

我怎样才能解决这个问题？

鉴于这篇文章:

http://www.infoq.com/news/2014/03/angular-2-0

Angular 2.0将支持Opera,但未提及Opera Mini.我想这意味着没有支持,但想要一些确认,然后再写下对我们来说本来就是一个很棒的框架.

背景:我正在为东非地区开发,其中Opera Mini可以在一些国家构成超过80%的流量.

对于台式机Opera浏览器，我们有Firebug来调试网页（调试HTML结构，CSS属性等）。我可以在Opera Mini中安装任何类似的调试工具吗？

我读到Opera mini浏览器只能在服务器中运行JavaScript(代码不在客户端运行,而是从服务器获取结果)在报纸上.

我正在写网络游戏,而我的老板也希望我做同样的事情,但我花了好几个小时却一无所获.

谁知道怎么做？