CN108958864A - The interface setting method and device of storage medium, mobile terminal and its H5 page - Google Patents

The interface setting method and device of storage medium, mobile terminal and its H5 page Download PDF

Info

Publication number
CN108958864A
CN108958864A CN201810676206.4A CN201810676206A CN108958864A CN 108958864 A CN108958864 A CN 108958864A CN 201810676206 A CN201810676206 A CN 201810676206A CN 108958864 A CN108958864 A CN 108958864A
Authority
CN
China
Prior art keywords
page
mobile terminal
screen
interface
height
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201810676206.4A
Other languages
Chinese (zh)
Inventor
丁群
张君宇
周思奇
张波
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Excellent Screen Technology Service Co Ltd
Original Assignee
Beijing Excellent Screen Technology Service Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Excellent Screen Technology Service Co Ltd filed Critical Beijing Excellent Screen Technology Service Co Ltd
Priority to CN201810676206.4A priority Critical patent/CN108958864A/en
Publication of CN108958864A publication Critical patent/CN108958864A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The present invention relates to the interface setting methods and device of storage medium, mobile terminal and its H5 page, the described method includes: the H5 page width that the display contents and distribution at the transverse screen interface of the specific H5 page is transverse screen interface is equal to transverse screen screen width, the H5 page height at transverse screen interface is equal to the height that transverse screen screen height subtracts status bar;The H5 page width that the display contents and distribution at vertical screen interface is vertical screen interface is equal to vertical screen screen width, the H5 page height at vertical screen interface is equal to the height that vertical screen screen height subtracts status bar;The display content at vertical screen interface is rotated by 90 ° identical as the display content at transverse screen interface afterwards;When the automatic rotation option of mobile terminal is opened, the switching at interface is carried out according to the control instruction of automatic rotation option.Through the invention, when user changes posture, the present displayed content of mobile terminal will not change direction automatically, to will not influence the user for the normal use of virtual game handle.

Description

The interface setting method and device of storage medium, mobile terminal and its H5 page
Technical field
The invention belongs to the interfaces of mobile Internet field, in particular to storage medium, mobile terminal and its H5 page to set Set method and apparatus.
Background technique
In the scene of cinema, cine positive film start it is previous as all can have play advertisement link.
In the prior art, the advertisement before film positive starts in cinema is similar with the mode for advertisement of televising, that is, will Multiple advertisements according to pre-set sequence and time, on screen in the form of video content being played out to spectators successively Come.
General points of view thinks, since the environment of movie theatre is more dark, and the AC system of film and the daily space of surrounding every From while, also audient is kept apart with the reality that he is experienced, so as to make it physically and mentally put into the world of film, Film audient carries out advertising in the state of being temporarily in hypnosis, so for compared with television advertising, the receiving of audient in movie theatre Information Meter is generally higher, is easy to obtain preferable advertising results.
Raising and cell phone entertainment function due to mobile phone popularity rate is more and more abundant, and the spectators of movie theatre open in cine positive film Attention before beginning receives the shunting of mobile phone, and before cine positive film starts, more and more spectators are not broadcasting currently in concern The advertisement put, so that the effect of advertisement is worse and worse.
In another not yet disclosed application for a patent for invention, a kind of game control device, technical solution are described are as follows: logical It crosses and realizes virtual game handle in the form of the H5 page in the terminal, that is, be shown in game paddle layout in the H5 page Identical virtual game handle, so that user can operate interactive game by the operation of touch screen, due to Interactive game can be shown in screen in the form of interactive advertisement, it is possible to user participate in interactive game by way of come User is improved to the attention rate of advertisement.
But inventor has found that the state of the automatic rotation option of the mobile terminal used due to user can It can be to open, the interface that will cause virtual game handle at this time can change with the posture of user and be rotated, to cause void Inconvenience in quasi- game paddle use process.
Above-mentioned background technique is only that inventor possesses to export embodiment of the present invention or in export process The technical information of middle acquistion not necessarily has been disclosed in the known skill of general public before the submission of embodiment of the present invention Art.
Summary of the invention
In order to avoid the inconvenience in virtual game handle use process, the present invention provides the H5 pages in a kind of mobile terminal Interface setting method, comprising:
By the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: the H5 page width at the transverse screen interface, which is equal to, moves The transverse screen screen width of dynamic terminal, the transverse screen screen height that the H5 page height at the transverse screen interface is equal to mobile terminal subtract shifting The height of status bar when dynamic terminal transverse screen;
By the display contents and distribution at the vertical screen interface of the specific H5 page are as follows: the H5 page width at the vertical screen interface Equal to the vertical screen screen width of mobile terminal, the H5 page height at the vertical screen interface is equal to the vertical screen screen height of mobile terminal The height of status bar when subtracting mobile terminal vertical screen;After the display content at the vertical screen interface the is rotated by 90 ° and transverse screen interface Display content it is identical;
When the state of the automatic rotation option of mobile terminal is to open, according to the control instruction of the automatic rotation option Carry out the switching at the vertical screen interface and the transverse screen interface.
Preferably, in embodiments of the present invention, the specific H5 page is for showing virtual game handle.
Preferably, in embodiments of the present invention, the mobile terminal includes mobile phone, PAD or IPAD.
Preferably, in embodiments of the present invention, described that described erect is carried out according to the control instruction of the automatic rotation option Shield the switching at interface and the transverse screen interface, comprising:
Obtain the width value and height value in current H5 page display content region;
According to the comparison result of the width value and the height value, the current state of the mobile terminal is determined;It is described Current state includes vertical screen state or transverse screen state;
According to the comparison result, width, height and the rotation parameter of the H5 page are determined;
According to definitive result, the corresponding H5 page is shown in the mobile terminal.
Preferably, in embodiments of the present invention, according to the comparison result of the width value and the height value, determine described in The current state of mobile terminal, comprising:
Compare the width value and height value got, when width value is less than height value, determines that the mobile terminal is in Vertical screen state;When width value is more than or equal to height value, determine that the mobile terminal is in transverse screen state.
Preferably, in embodiments of the present invention, described according to the comparison result, determine the H5 page width value, Height value and rotation parameter, comprising:
When the mobile terminal is in transverse screen state, the width that the H5 the page width angle value is equal to display content area is set Value;The height value that H5 page height value is equal to display content area is set;0 degree of the H5 page rotation;
When the mobile terminal is in vertical screen state, the height that the H5 the page width angle value is equal to display content area is set Value;The H5 page height value is equal to the width value of display content area;By 90 degree of the H5 page rotation;The H5 page rotation Rotation midpoint coordinates (x, the y) setting turned are as follows: x=shows that width/2, y=of content area shows width/2 of content area
In the another side of the embodiment of the present invention, also offer storage medium, the storage medium includes being suitable for processor to execute Software program, the software program is used to execute the interface setting method of the H5 page in above-mentioned mobile terminal.
In the another side of the embodiment of the present invention, a kind of mobile terminal is also provided, the mobile terminal includes that above-mentioned storage is situated between Matter.
From the above, it can be seen that in embodiments of the present invention, boundary will have been carried out for realizing the H5 page of virtual game handle Face setting, the display contents and distribution by the vertical screen interface of the specific H5 page is, the display content at vertical screen interface be rotated by 90 ° after with The display content at the transverse screen interface is identical;In this way, the specific H5 page (virtual game handle) in the terminal is allowed for, All display content can be presented with transverse screen identical layout type in either transverse screen display or vertical screen display, in this way, work as The state of the automatic rotation option of mobile terminal is when opening, even if the specific H5 page is according to the control instruction of automatic rotation option The switching for carrying out vertical screen interface and transverse screen interface, virtual game handle shown by the H5 page is (that is, move in mobile terminal is fixed The present displayed content of dynamic terminal) direction will not be changed automatically, to arbitrarily change posture in the user for holding mobile terminal When will not influence the user for the normal use of virtual game handle.
Below by drawings and examples, technical scheme of the present invention will be described in further detail.
Detailed description of the invention
Fig. 1 is the interface setting method flow diagram of the H5 page in mobile terminal in the embodiment of the present invention;
Fig. 2 is the schematic diagram at transverse screen interface in the embodiment of the present invention;
Fig. 3 is the schematic diagram at vertical screen interface in the embodiment of the present invention;
Fig. 4 is the schematic diagram that the mobile terminal at transverse screen interface is loaded in the embodiment of the present invention;
Fig. 5 is the schematic diagram that the mobile terminal at vertical screen interface is loaded in the embodiment of the present invention;
Fig. 6 is that the schematic diagram of device is arranged in the interface of the H5 page in mobile terminal in the embodiment of the present invention;
Fig. 7 is the schematic diagram of mobile terminal in the embodiment of the present invention.
Specific embodiment
With reference to the accompanying drawing, specific embodiments of the present invention will be described in detail, it is to be understood that guarantor of the invention Shield range is not limited by the specific implementation.
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with the embodiment of the present invention In attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is A part of the embodiment of the present invention, instead of all the embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art Every other embodiment obtained without creative efforts, shall fall within the protection scope of the present invention.Unless Separately have it is other explicitly indicate that, otherwise in entire disclosure and claims, term " includes " or its transformation such as "comprising" or " including " etc. will be understood to comprise stated element or component, and not exclude other elements or other compositions Part.
Dedicated word " exemplary " means " being used as example, embodiment or illustrative " herein.Here as " exemplary " Illustrated any embodiment should not necessarily be construed as preferred or advantageous over other embodiments.
In addition, in order to better illustrate the present invention, numerous details is given in specific embodiment below. It will be appreciated by those skilled in the art that without certain details, the present invention equally be can be implemented.In some instances, for Method well known to those skilled in the art, means, element are not described in detail, in order to highlight purport of the invention.
Fig. 1 is the interface setting method of the H5 page in the mobile terminal of the embodiment of the present invention, comprising steps of
S11, by the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: the H5 page width at the transverse screen interface Equal to the transverse screen screen width of mobile terminal, the H5 page height at the transverse screen interface is equal to the transverse screen screen height of mobile terminal The height of status bar when subtracting mobile terminal transverse screen;
The application scenarios of the embodiment of the present invention may is that the advertisement before cine positive film is interactive advertisement, that is, show in screen The content shown can be generated with user and be interacted, for example, can be the electronic game that user can participate in, or, Yong Huneng The interactive games link such as knowledge question enough participated.It needs to show in screen and be interacted for mobile terminal to be added The two dimensional code of game, in this way, user is swept function and is scanned to two dimensional code by sweeping for mobile phone, it on the one hand can be by mobile phone Interface jump to the specific H5 page virtual game handle is presented, on the other hand the mobile phone of user can also be added and be interacted In game.
In embodiments of the present invention, the specific H5 page can be for realizing virtual game handle, specifically, In the embodiment of the present invention, Webpage is designed as to the interface UI as the shape of game paddle, that is, the mobile phone of user will It can show the Webpage including virtual game handle, by the touch screen of mobile phone, user can be to virtual game handle It is operated, since the control mode of virtual game handle and the controlling party of game paddle are the same, and the behaviour of game paddle Make easy to use and there is good popularization in general mobile phone user, so user is when using virtual game handle, it can To be quickly familiar with its usage mode.
The mobile terminal (such as mobile phone) that user holds, generally can all have automatic rotation function, when the function is opened It waits, the H5 page will converting the grip posture of mobile terminal with user between transverse screen and vertical screen;Therefore, lead to When crossing H5 page realization virtual game handle, the virtual game handle in the interface UI will be likely to become with the posture of user Change and carries out the switching between transverse screen vertical screen.To cause the inconvenience in virtual game handle use process.
Based on the above reasons, in embodiments of the present invention, as shown in Fig. 2, by the display at the transverse screen interface of the specific H5 page Contents and distribution are as follows:
The H5 page width at transverse screen interface is equal to the transverse screen screen width of mobile terminal, the H5 page height at transverse screen interface The height of status bar when transverse screen screen height equal to mobile terminal subtracts mobile terminal transverse screen;
Transverse screen interface is the normal service condition of virtual game handle, and width can be wide with the transverse screen screen of mobile terminal It spends identical;That is, the width at interface is all over the screen in the terminal under transverse screen state;Further, since mobile whole under transverse screen state The screen at end also needs to show network insertion quotient, network signal, information about power etc. by status bar, thus also needs to reserve The position of status bar, for this reason, it may be necessary to which page height when by transverse screen interface is set as, the transverse screen screen height of mobile terminal is subtracted The height of status bar.
S12, by the display contents and distribution at the vertical screen interface of the specific H5 page are as follows:
As shown in figure 3, the H5 page width at vertical screen interface is equal to the vertical screen screen width of mobile terminal, the H5 at vertical screen interface The height of status bar when the vertical screen screen height that page height is equal to mobile terminal subtracts mobile terminal vertical screen;Vertical screen interface is shown It is rear identical as the display content at the transverse screen interface to show that content is rotated by 90 °;
In the prior art, the content that vertical screen interface can be generally set as appropriate in user's vertical screen browsing screen, it is specific next Say, display content no matter transverse screen or vertical screen, be all (with ground for reference) be arranged upward, for example, user read article when, No matter transverse screen or vertical screen, word be all it is upright upward, in order to the reading of user;Meanwhile also by conversion transverse screen interface and The height at vertical screen interface and width are adapted to the screen size of mobile terminal.
And in this application, the use in order to facilitate user for virtual game handle needs to set the H5 page to No matter mobile terminal be in transverse screen state or vertical screen state, the virtual game handle of display all in same state, from It is that virtual game handle is wanted to reach as the game paddle of entity in effect, either laterally grip and longitudinal grip Mobile terminal, for a user, all there is no rotations for the content in operation interface.
In practical applications, mobile terminal also will reserve status bar in the upper end of screen when vertical screen display Position, thus, it is necessary to which the H5 page width at vertical screen interface is equal to the vertical screen screen width of mobile terminal, the H5 at vertical screen interface The height of status bar when the vertical screen screen height that page height is equal to mobile terminal subtracts mobile terminal vertical screen;Meanwhile for reality When being converted between existing transverse screen interface and vertical screen interface, all there is no rotations for the content in its operation interface for a user Effect, it is also necessary to by H5 page setup be vertical screen interface display content be rotated by 90 ° the display content phase with transverse screen interface afterwards Together.
S13, when the state of the automatic rotation option of mobile terminal is to open, according to the control instruction of automatic rotation option Carry out the switching at vertical screen interface and transverse screen interface.
Many mobile terminals all have automatic rotation function, can working as according to mobile terminal after the function is turned on Preceding posture carries out the conversion between transverse screen interface and vertical screen;When the state of the automatic rotation option of mobile terminal is to open, lead to It crosses after the setting of step of embodiment of the present invention S11 and S12, the specific H5 page in mobile terminal has carried out transverse screen interface and erected After conversion between screen, the content in the interface UI is not rotated;For example:
The original state of mobile terminal is transverse screen, as shown in figure 4, its specific H5 page (by taking virtual game handle as an example) For transverse screen interface;After mobile terminal variation is vertical screen, as shown in figure 5, the automatic rotation function of mobile terminal can will be shown Interface transformation is vertical screen interface;Although showing content as can be seen that mobile terminal has carried out the conversion at interface with reference to the accompanying drawings It does not rotate, what user still can be convenient uses virtual game handle with different grip postures.
In the another side of the embodiment of the present invention, a kind of interface setting device of the H5 page in mobile terminal is additionally provided, such as Shown in Fig. 6, comprising:
Transverse screen layout modules 31, for by the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: transverse screen interface H5 page width is equal to the transverse screen screen width of mobile terminal, and the H5 page height at transverse screen interface is equal to the transverse screen screen of mobile terminal The height of status bar when curtain height subtracts mobile terminal transverse screen;
Vertical screen layout modules 32, for by the display contents and distribution at the vertical screen interface of the specific H5 page are as follows: vertical screen interface H5 page width is equal to the vertical screen screen width of mobile terminal, and the H5 page height at vertical screen interface is equal to the vertical screen screen of mobile terminal The height of status bar when curtain height subtracts mobile terminal vertical screen;The display content at vertical screen interface be rotated by 90 ° afterwards with transverse screen interface Show that content is identical;
Switching module 33, for being selected according to automatic rotation when the state of the automatic rotation option of mobile terminal is to open The control instruction of item carries out the switching at vertical screen interface and transverse screen interface.
Through the embodiment of the present invention, the specific H5 page in mobile terminal has carried out the conversion between transverse screen interface and vertical screen Afterwards, the content in the interface UI does not rotate;For example, the original state of mobile terminal is transverse screen, such as Fig. 4 institute Show, the specific H5 page (by taking virtual game handle as an example) is transverse screen interface;After mobile terminal variation is vertical screen, such as scheme Shown in 5, display interface can be converted to vertical screen interface by the automatic rotation function of mobile terminal;Although with reference to the accompanying drawings as can be seen that Mobile terminal has carried out the conversion at interface, but shows that content does not rotate, user still can be convenient with difference Grip posture use virtual game handle.
In mobile terminal in the embodiment of the present invention H5 page interface setting device for realizing corresponding to Fig. 1 about The interface setting method of the H5 page in mobile terminal, including entity device system and corresponding software program;Due to the present invention The concrete operating principle and technical effect of embodiment and the interface of the H5 page in the mobile terminal in embodiment corresponding to Fig. 1 are set It is identical to set method, therefore, herein with regard to no longer further being repeated.
In the another side of the embodiment of the present invention, a kind of storage medium is additionally provided, the storage medium can be non-transient (non-volatile) computer storage medium, the computer storage medium are stored with computer executable instructions, which can Each step that the interface setting method of the H5 page in mobile terminal in above-mentioned any means embodiment can be performed is executed instruction, And realize identical technical effect.
In the another side of the embodiment of the present invention, a kind of mobile terminal, storage medium included by mobile terminal are additionally provided In, it include corresponding computer program product, when program instruction included by the computer program product is computer-executed, The computer can be made to execute the interface setting method of the H5 page in mobile terminal described in the above various aspects, and realized identical Technical effect.
Fig. 7 is hardware structural diagram of the embodiment of the present invention as the mobile terminal of electronic equipment, as shown, this sets Standby includes one or more processors 610 and storage medium 620.By taking a processor 610 as an example.The equipment can also wrap It includes: input unit 630 and output device 640.
Processor 610, storage medium 620, input unit 630 and output device 640 can pass through bus or its other party Formula connects, in Fig. 7 for being connected by bus.
Storage medium 620 be used as a kind of non-transient computer readable storage medium, can be used for storing non-transient software program, Non-transient computer executable program and module.Processor 610 is stored in non-transient soft in storage medium 620 by operation Part program, instruction and module, thereby executing the various function application and data processing of electronic equipment, i.e. the realization above method The processing method of embodiment.
Storage medium 620 may include storing program area and storage data area, wherein storing program area can store operation system Application program required for system, at least one function;It storage data area can storing data etc..In addition, storage medium 620 can wrap High-speed random access memory is included, can also include non-transient memory, for example, at least disk memory, a flash memories Part or other non-transient solid-state memories.In some embodiments, it includes relative to processor 610 that storage medium 620 is optional Remotely located memory, these remote memories can pass through network connection to processing unit.The example of above-mentioned network includes But be not limited to internet, intranet, local area network, mobile radio communication and combinations thereof.
Input unit 630 can receive the number or character information of input, and generate signal input.Output device 640 can Equipment is shown including display screen etc..
One or more of modules are stored in the storage medium 620, when by one or more of processing When device 610 executes, execute:
By the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: the H5 page width at the transverse screen interface, which is equal to, moves The transverse screen screen width of dynamic terminal, the transverse screen screen height that the H5 page height at the transverse screen interface is equal to mobile terminal subtract shifting The height of status bar when dynamic terminal transverse screen;
By the display contents and distribution at the vertical screen interface of the specific H5 page are as follows: the H5 page width at the vertical screen interface Equal to the vertical screen screen width of mobile terminal, the H5 page height at the vertical screen interface is equal to the vertical screen screen height of mobile terminal The height of status bar when subtracting mobile terminal vertical screen;After the display content at the vertical screen interface the is rotated by 90 ° and transverse screen interface Display content it is identical;
When the state of the automatic rotation option of mobile terminal is to open, according to the control instruction of the automatic rotation option Carry out the switching at the vertical screen interface and the transverse screen interface.
Those of ordinary skill in the art will appreciate that: realize that all or part of the steps of above method embodiment can pass through The relevant hardware of program instruction is completed, and program above-mentioned can be stored in a computer readable storage medium, the program When being executed, step including the steps of the foregoing method embodiments is executed;And storage medium above-mentioned includes: ROM, RAM, magnetic disk or light The various media that can store program code such as disk.
Finally, it should be noted that the above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations;Although Present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that: it still may be used To modify the technical solutions described in the foregoing embodiments or equivalent replacement of some of the technical features; And these are modified or replaceed, technical solution of various embodiments of the present invention that it does not separate the essence of the corresponding technical solution spirit and Range.

Claims (10)

1. the interface setting method of the H5 page in a kind of mobile terminal characterized by comprising
By the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: the H5 page width at the transverse screen interface is equal to mobile whole The transverse screen screen width at end, the transverse screen screen height that the H5 page height at the transverse screen interface is equal to mobile terminal subtract mobile whole The height of status bar when holding transverse screen;
By the display contents and distribution at the vertical screen interface of the specific H5 page are as follows: the H5 page width at the vertical screen interface, which is equal to, moves The vertical screen screen width of dynamic terminal, the vertical screen screen height that the H5 page height at the vertical screen interface is equal to mobile terminal subtract shifting The height of status bar when dynamic terminal vertical screen;The display content at the vertical screen interface is rotated by 90 ° rear and transverse screen interface display Content is identical;
When the state of the automatic rotation option of mobile terminal is to open, carried out according to the control instruction of the automatic rotation option The switching at the vertical screen interface and the transverse screen interface.
2. according to claim 1 in mobile terminal the H5 page interface setting method, which is characterized in that described specific H5 pages Face is for showing virtual game handle.
3. according to claim 2 in mobile terminal the H5 page interface setting method, which is characterized in that the mobile terminal Including mobile phone, PAD or IPAD.
4. according to claim 3 in mobile terminal the H5 page interface setting method, which is characterized in that it is described according to The control instruction of automatic rotation option carries out the switching at the vertical screen interface and the transverse screen interface, comprising:
Obtain the width value and height value in current H5 page display content region;
According to the comparison result of the width value and the height value, the current state of the mobile terminal is determined;It is described current State includes vertical screen state or transverse screen state;
According to the comparison result, width, height and the rotation parameter of the H5 page are determined;
According to definitive result, the corresponding H5 page is shown in the mobile terminal.
5. according to claim 4 in mobile terminal the H5 page interface setting method, which is characterized in that according to the width The comparison result of value and the height value, determines the current state of the mobile terminal, comprising:
Compare the width value and height value got, when width value is less than height value, determines that the mobile terminal is in vertical screen State;When width value is more than or equal to height value, determine that the mobile terminal is in transverse screen state.
6. according to claim 5 in mobile terminal the H5 page interface setting method, which is characterized in that it is described according to Comparison result determines width value, height value and the rotation parameter of the H5 page, comprising:
When the mobile terminal is in transverse screen state, the width value that the H5 the page width angle value is equal to display content area is set; The height value that H5 page height value is equal to display content area is set;0 degree of the H5 page rotation;
When the mobile terminal is in vertical screen state, the height value that the H5 the page width angle value is equal to display content area is set; The H5 page height value is equal to the width value of display content area;By 90 degree of the H5 page rotation;The H5 page rotation Rotation midpoint coordinates (x, y) setting are as follows: x=show content area width/2, y=show content area width/2.
7. device is arranged in the interface of the H5 page in a kind of mobile terminal characterized by comprising
Transverse screen layout modules, for by the display contents and distribution at the transverse screen interface of the specific H5 page are as follows: the H5 at the transverse screen interface Page width is equal to the transverse screen screen width of mobile terminal, and the H5 page height at the transverse screen interface is equal to the transverse screen of mobile terminal The height of status bar when screen height subtracts mobile terminal transverse screen;
Vertical screen layout modules, for by the display contents and distribution at the vertical screen interface of the specific H5 page are as follows: the vertical screen interface H5 page width be equal to the vertical screen screen width of mobile terminal, the H5 page height at the vertical screen interface is equal to mobile terminal The height of status bar when vertical screen screen height subtracts mobile terminal vertical screen;The display content at the vertical screen interface be rotated by 90 ° after with The display content at the transverse screen interface is identical;
Switching module, for when the state of the automatic rotation option of mobile terminal be open when, according to the automatic rotation option Control instruction carry out the switching at the vertical screen interface and the transverse screen interface.
8. device is arranged in the interface of the H5 page in mobile terminal according to claim 7, which is characterized in that described mobile whole End includes mobile phone, IPAD or PAD.
9. a kind of storage medium, which is characterized in that the storage medium includes the software program executed suitable for processor, described soft Part program requires the interface setting method of the H5 page in any mobile terminal in 1 to 6 for perform claim.
10. a kind of mobile terminal, which is characterized in that including storage medium described in power 9.
CN201810676206.4A 2018-06-27 2018-06-27 The interface setting method and device of storage medium, mobile terminal and its H5 page Pending CN108958864A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810676206.4A CN108958864A (en) 2018-06-27 2018-06-27 The interface setting method and device of storage medium, mobile terminal and its H5 page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810676206.4A CN108958864A (en) 2018-06-27 2018-06-27 The interface setting method and device of storage medium, mobile terminal and its H5 page

Publications (1)

Publication Number Publication Date
CN108958864A true CN108958864A (en) 2018-12-07

Family

ID=64486961

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810676206.4A Pending CN108958864A (en) 2018-06-27 2018-06-27 The interface setting method and device of storage medium, mobile terminal and its H5 page

Country Status (1)

Country Link
CN (1) CN108958864A (en)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110662095A (en) * 2019-08-28 2020-01-07 北京小米移动软件有限公司 Screen projection processing method and device, terminal and storage medium
CN111078345A (en) * 2019-12-18 2020-04-28 北京金山安全软件有限公司 Picture display effect determination method and device, electronic equipment and storage medium
CN112905938A (en) * 2021-02-24 2021-06-04 上海二三四五网络科技有限公司 Control method and device for dynamically adjusting H5 page height
CN113220399A (en) * 2021-05-17 2021-08-06 百度在线网络技术(北京)有限公司 Interface display method and device, intelligent screen equipment and storage medium
WO2021258319A1 (en) * 2020-06-24 2021-12-30 深圳传音控股股份有限公司 Application window display method, terminal device, and storage medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103488403A (en) * 2013-08-30 2014-01-01 小米科技有限责任公司 Switching method and device for interface layout and mobile terminal
US20150091946A1 (en) * 2012-04-01 2015-04-02 Zhuhai Kindsoft Office Software Co., Ltd. Method for viewing a presentation document in a mobile device and a system thereof
CN106527880A (en) * 2016-09-22 2017-03-22 福建天泉教育科技有限公司 iOS-based page rotation control method and system
CN106814989A (en) * 2017-03-10 2017-06-09 腾讯科技(深圳)有限公司 A kind of method and terminal of the page displayed on the terminals

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150091946A1 (en) * 2012-04-01 2015-04-02 Zhuhai Kindsoft Office Software Co., Ltd. Method for viewing a presentation document in a mobile device and a system thereof
CN103488403A (en) * 2013-08-30 2014-01-01 小米科技有限责任公司 Switching method and device for interface layout and mobile terminal
CN106527880A (en) * 2016-09-22 2017-03-22 福建天泉教育科技有限公司 iOS-based page rotation control method and system
CN106814989A (en) * 2017-03-10 2017-06-09 腾讯科技(深圳)有限公司 A kind of method and terminal of the page displayed on the terminals

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110662095A (en) * 2019-08-28 2020-01-07 北京小米移动软件有限公司 Screen projection processing method and device, terminal and storage medium
CN110662095B (en) * 2019-08-28 2021-10-26 北京小米移动软件有限公司 Screen projection processing method and device, terminal and storage medium
US11175877B2 (en) 2019-08-28 2021-11-16 Beijing Xiaomi Mobile Software Co., Ltd. Method and device for screen projection, terminal and storage medium
CN111078345A (en) * 2019-12-18 2020-04-28 北京金山安全软件有限公司 Picture display effect determination method and device, electronic equipment and storage medium
CN111078345B (en) * 2019-12-18 2023-09-19 北京金山安全软件有限公司 Picture display effect determining method and device, electronic equipment and storage medium
WO2021258319A1 (en) * 2020-06-24 2021-12-30 深圳传音控股股份有限公司 Application window display method, terminal device, and storage medium
CN112905938A (en) * 2021-02-24 2021-06-04 上海二三四五网络科技有限公司 Control method and device for dynamically adjusting H5 page height
CN113220399A (en) * 2021-05-17 2021-08-06 百度在线网络技术(北京)有限公司 Interface display method and device, intelligent screen equipment and storage medium
CN113220399B (en) * 2021-05-17 2023-08-15 百度在线网络技术(北京)有限公司 Interface display method and device, intelligent screen device and storage medium

Similar Documents

Publication Publication Date Title
CN108958864A (en) The interface setting method and device of storage medium, mobile terminal and its H5 page
CN109844816A (en) System and method for showing presentation graphics
CN106095437B (en) The implementation method and device of the user interface layout type of RTL from right to left
CN107678724A (en) A kind of method for information display, device, mobile terminal and storage medium
CN107770477A (en) Video call method, device, terminal and storage medium
CN101644985B (en) Method, system and equipment for displaying terminal user interface
WO2017024964A1 (en) Object-associated image quick preview method and device
CN110636354A (en) Display device
CN102902535A (en) Picture self-adaption method, system and terminal equipment
CN103037165A (en) Photographing method of immediate-collaging and real-time filter
CN105468275A (en) Method and apparatus for performing operation on presented object
CN103827957B (en) The data structure of image processing apparatus, image processing method and image file
WO2017032078A1 (en) Interface control method and mobile terminal
CN107147940A (en) Method, device, electronic equipment and the storage medium of content carousel
CN110134300A (en) A kind of picture editing method and device
CN103827924A (en) Information processing device, information processing method, and data structure of content file
CN107770513A (en) Image-pickup method and device, terminal
KR20230049691A (en) Video processing method, terminal and storage medium
CN110019464A (en) Page processing method and device
CN110262710A (en) A kind of display methods of interactive interface, device and equipment
CN114245228A (en) Page link releasing method and device and electronic equipment
CN107770458A (en) A kind of method and terminal device of scene switching
CN106657811A (en) Live photo generating and displaying method and device
CN107170049A (en) The method and device that a kind of sequence frame is interacted with panorama
CN114449355B (en) Live interaction method, device, equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20181207