[B2G][Browser]m.qq.com does not properly align to device width.



Tech Evangelism
4 years ago
4 years ago


(Reporter: Ross Kuhlman (rkuhlman@qanalydocs.com), Assigned: karlcow)


Firefox Tracking Flags

(Not tracked)


(Whiteboard: [dogfood1.3] [country-cn] [css] [serversniff] [usability], URL)


(2 attachments)

Created attachment 8368932 [details]

The mobile website for qq.com doesn't properly align to device width. The site can be panned left/right and a significant amount of whitespace is visible on either side of the page.

Repro Steps:
1) Updated Buri to BuildID: 20140127004002
2) Launch Browser.
3) Navigate to 'm.qq.com'.

A large amount of whitespace is visible on either side of the page content.

The site width is locked to the width of the device. Website also displays properly in landscape orientation.

Environmental Variables:
Device: Buri v1.3 Moz RIL
BuildID: 20140127004002
Gaia: 25a45a836a4a21a30f63fa7b544b42e8b781180a
Gecko: c40099a42c1f
Version: 28.0a2
Firmware Version: v1.2-device.cfg


Repro frequency: 100%
See attached: screenshot, logcat
1. Needs a screenshot
2. Does this reproduce on 1.1
Flags: needinfo?(rkuhlman)
Created attachment 8368937 [details]

The issue also occurs in v1.2
Environmental Variables:
Device: Buri v1.2 Moz RIL
BuildID: 20140128004004
Gaia: 539a25e1887b902b8b25038c547048e691bd97f6
Gecko: d10e1f965d0c
Version: 26.0
Firmware Version: v1.2-device.cfg
The issue also occurs in v1.1

Environmental Variables:
Device: Buri v1.1 Moz RIL
BuildID: 20140130041201
Gaia: c434fe9a0e823029796805e141cfa983cda2d246
Gecko: 1b24a4178317
Version: 18.0
Firmware Version: v1.2-device.cfg
Flags: needinfo?(rkuhlman)

Comment 4

4 years ago
* from Firefox OS, entering http://m.qq.com/, the user is redirected to http://m.qq.com/wap/index.jsp web site. This is a fixed size Web site. Everything is specified in pixels. The body being set to 240px.

body{ font-size:12px; width:240px; margin:0 auto;}

* from Firefox Android, entering http://m.qq.com/, the user is redirected to http://m.qq.com/android/index.jsp
Which is a page proposing people to download the Android app.
There is one potential issue with a gradient -webkit- only.
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f0f2f4), color-stop(100%,#e0e3e7));

When the user is asking for the Web version, the redirection is

which is another fixed size Web site.

For what is worth the same thing is happening for Chrome on Android, Opera on Android, etc. 

I'm not sure there is anything we can do here. Same story for everyone else. Design choice have been for the Chinese market with limited feature phones, I guess and the rest have to use a native app Android or iOS. Closing as INVALID, reopen if there is a Web version for smartphone devices.
Assignee: nobody → kdubost
Last Resolved: 4 years ago
Resolution: --- → INVALID
Whiteboard: dogfood1.3 → [dogfood1.3] [country-cn] [css] [serversniff] [usability]
You need to log in before you can comment on or make changes to this bug.