騰訊QQ空間應用寬屏接入

QQ 空間接入寬屏。 （與騰訊微博分屬兩個不一樣平臺）

相關文檔： 

流動應用畫布說明

前端頁面規範

多區多服場景說明

 

 

應用寬屏根據遊戲分爲兩種。 

1： 普通遊戲，但想要實現寬屏顯示。 

2： 多區多服的遊戲，平臺默認實現寬屏模式。 見 多區多服場景說明 。

 

關於頁面寬度規格：

1. 多區多服應用自動支持從選取頁面進入應用時的全屏模式。
2. 非多區多服應用能夠自行選擇以下2種寬度模式中的1種，兩者只能選其一，應用上線前上線後均可以從新選擇：

模式一：開發者能夠指定一個應用的固定寬度，該寬度的範圍爲760px-950px之間的任意整數值。若是不指定則默認爲760px。
指定該固定寬度後，應用的寬度即固定爲指定的值，應用上線前上線後均可以調整該固定值。
指定寬度的方式爲：
登陸open.qq.com後進入管理中心，在「應用管理」tab的「平臺信息」頁面，填寫應用寬度。

模式二：開發者能夠選擇應用寬度爲自適應模式，則應用內容將根據用戶屏幕寬度進行自適應顯示，在760px-950px之間進行自適應調整。
指定自適應模式的方式爲：登陸open.qq.com後進入管理中心，在「應用管理」tab的「平臺信息」頁面，選擇「自適應」。
注意：
應用若是選擇了自適應模式，則必須本身在應用內先實現寬度自適應。

 

 

這裏介紹普通遊戲的寬屏實現。

1. 什麼是流動應用畫布？

流動應用畫布（Fluid Canvas）是指應用畫布能夠隨着用戶瀏覽器窗口的寬度自由延展。應用畫布將佔滿用戶瀏覽器窗口中非平臺運營區的所有空間，並隨着用戶窗口大小的變化而擴大或縮小。
應用若是支持寬度自適應，就能夠最大限度的利用用戶瀏覽器的窗口空間，提供更好的寬屏體驗。

注意：
該特性目前僅支持QQ空間和騰訊朋友平臺上的已上線應用。

（1）用戶瀏覽器寬度大於1280px時：
應用畫布寬度 = 950px （注：平臺爲了後續擴展，預留了一些寬度buffer，測試的時候大於950也許能夠顯示，但超過950可能致使未來畫面被截斷）
其它要素寬度爲：
空間動態條寬度：45px；平臺運營區寬度：180px；兩側間距寬度：動態變化

（2）當應用瀏覽器窗口寬度在(1024, 1280]px區間內時：
應用畫布寬度：在[760,950]之間動態變化（注：平臺爲了後續擴展，預留了一些寬度buffer，測試的時候大於950也許能夠顯示，但超過950可能致使未來畫面被截斷）
其它要素寬度爲：
空間動態條寬度：45px；平臺運營區寬度：180px；兩側間距寬度：動態變化

（3）當應用瀏覽器窗口寬度小於或等於1024時：
應用畫布寬度 = 760px
其它要素寬度爲：
空間動態條寬度：45px；平臺運營區寬度以及兩側間距寬度：動態變化 

具體狀況效果見 流動應用畫布說明