Opera Mini 및 CSS

나는 webapp에서 작업하고 있으며 다른 종류의 모바일 브라우저와의 호환성을 높이고 싶습니다. Opera Mini가 나를 미치게 만듭니다. 왜 다음과 같은 간단한 코드가 제대로 작동하지 않는지 이해할 수 없습니다. 내가 원하는 것은 회색 배경과 흰색 글꼴입니다. 내가 얻는 것은 회색 배경과 검은 색 글꼴이다. 어떤 도움Opera Mini 및 CSS


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Strict 1.0//EN" 
    "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8"/> 
    <link rel="stylesheet" type="text/css" href="./_css/index.css" media="screen"/> 
</head> 
<body> 
    <p>blabla</p> 
</body> 
</html>

CSS


html { margin:0; padding:0; } 
body { margin:0; padding:0; font-family:Helvetica; background-color:#BBBBBB; } 
p { color:#FFFFFF; }

감사

HTML,
카밀

출처

2011-04-08 craymond

그러면 스타일 시트가로드됩니다. 그레이 색상이 맞습니까? –

내가 속성 미디어 = "화면을"추측 원인 :
여기에 코드입니다 이 잘못된 행동.

다른 값으로 남겨 두어보세요 : http://www.w3.org/TR/CSS2/media.html#media-types

출처

2011-04-08 10:39:49 ChrisBenyamin

오페라 미니를위한 adhoc 미디어는'handheld '입니다. 당신의 대답에 대해 Chris에게 감사드립니다. – craymond

Opera Mini는 'media = screen'을 문제없이 지원합니다. 그러나 "모바일보기"모드 인 경우 Opera의 작은 화면 렌더링보기가 실행되거나 "핸드 헬드"미디어 유형의 CSS가 적용됩니다. 따라서 텍스트를 일반보기 모드와 모바일보기 모드에서 동일하게 보이게하려면 '핸드 헬드'및 '스크린'미디어 유형을 모두 포함하는 것이 좋습니다. – andreasbovens

다음은 @andreasbovens 주석의 출처 인 [Opera Mini Specs] (http://dev.opera.com/articles/view/opera-mini-web-content-authoring-guidelines/)입니다. –

Opera Mini 및 CSS

답변

관련 문제