1
Unsemantic Grid을 사용하여 사이트를 구축하고 있습니다. 내 랩톱에서 사이트를 탐색 할 때 작동하지만 내 iPad에서 사이트를 탐색 할 때 작동하지 않습니다. 그리드 요소는 표준 블록 요소처럼 동작하고 별도의 줄에 있습니다.'비특이적 격자'는 데스크톱이 아닌 iPad에서 작동합니다.
완전히 빈 사이트에서 문제를 찾을 수 있는지 알아 보았습니다. 그러나 분명히 잘못된 것을하고 있습니다. 여전히 iPad에서는 작동하지 않습니다. 지금의 약자로 여기
테스트 페이지의 소스입니다 (코드에 대한 사과가 분출) :<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<!-- proper HTML title -->
<title>title</title>
<!--[if lt IE 9]>
<script src="js/unsemantic/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="style.css" />
<!--[if (gt IE 8) | (IEMobile)]><!-->
<link rel="stylesheet" href="styles/unsemantic/unsemantic-grid-responsive-tablet-no-ie7.css" />
<!--<![endif]-->
<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="styles/unsemantic/ie.css" />
<![endif]-->
</head>
<body>
<div class="grid-container">
<div class="grid-100 mobile-grid-100">
<h1 class="grid-100">Here's a heading</h1>
<hr />
</div>
<div class="grid-25 mobile-grid-25">25% wide</div>
<div class="grid-50 mobile-grid-50">50% wide</div>
<div class="grid-25 mobile-grid-25">25% wide</div>
</div>
</body>
</html>
있는 style.css가 작동이 멈출 수 아무것도 포함하지 않는다 - 나는에 대한 참조를 제거했습니다 페이지에서하지만 그것은 아무런 차이가 없습니다.
사용중인 CSS 재설정이 없습니다. 내 노트북에
이 페이지는 다음과 같이 렌더링 : 내 아이 패드에
를, 페이지는 다음과 같이 렌더링 :
와 데모가 함께 제공 근원은 둘 다 탁상용과 iPad에 잘 작동한다 - 그것은 그것을 위해 설계된 것이다.
나는 이것이 실종되었다는 것을 알고 있지만, 나는 어떤 종류의 정신적 블록을 가지고 있는데, 마크 업이나 CSS가 그 원인이 될 수 있다는 것을 잊어 버린 것을 발견 할 수 없다.
이 질문에 다른 무엇을 포함해야할지 모르겠지만 누군가 도움을 줄 수 있다면 정말 고맙겠습니다.
감사합니다.