Browse Source

Fix overflow in iOS and clean meta

[email protected] 5 years ago
parent
commit
3c26bd6809
3 changed files with 5 additions and 4 deletions
  1. 1 1
      docs/manual/en/introduction/FAQ.html
  2. 3 3
      docs/manual/zh/introduction/FAQ.html
  3. 1 0
      docs/page.css

+ 1 - 1
docs/manual/en/introduction/FAQ.html

@@ -22,7 +22,7 @@
 
 		<h2>Why are there meta viewport tags in examples?</h2>
 		<div>
-			<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>viewport<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0<span class="pl-pds">"</span></span>&gt;</pre></div>
+				<code>&lt;meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"&gt;</code>
 
 				<p>These tags control viewport size and scale for mobile browsers (where page content may be rendered at different size than visible viewport).</p>
 

+ 3 - 3
docs/manual/zh/introduction/FAQ.html

@@ -15,8 +15,8 @@
 			<p>
 			推荐使用glTF(gl传输格式)来对三维物体进行导入和导出,由于glTF这种格式专注于在程序运行时呈现三维物体,因此它的传输效率非常高,且加载速度非常快。
 			</p>
-			
-			
+
+
 			<p>three.js同样也为其它广受欢迎的格式(例如FBX、Collada以及OBJ等)提供了载入工具。即便如此,你应当还是首先尝试着在你的项目中建立一个基于glTF的工作流程。
 				了解更多详细信息,请查看[link:#manual/introduction/Loading-3D-models loading 3D models]。
 			</p>
@@ -24,7 +24,7 @@
 
 		<h2>为什么在示例中会有一些和viewport相关的meta标签?</h2>
 		<div>
-			<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>viewport<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0<span class="pl-pds">"</span></span>&gt;</pre></div>
+				<code>&lt;meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"&gt;</code>
 
 				<p>这些标签用于在移动端浏览器上控制视口的大小和缩放(页面内容可能会以与可视区域不同的大小来呈现)。</p>
 

+ 1 - 0
docs/page.css

@@ -61,6 +61,7 @@ body {
 	padding-bottom: var(--page-padding);
 	padding-right: var(--page-padding);
 	padding-left: calc(var(--page-padding) + var(--panel-width));
+	word-break: break-word;
 }
 
 a {