Webpage Font Scaling by Screen Resolution
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Higher screen resolutions in computers result in smaller font sizes for webpages, leading to a strenuous browsing experience, and conventional solutions like adjusting font size can distort layouts and blur Chinese characters.
Innovation Solution
A method where a website server receives a client's screen resolution and selects a corresponding font size using a predetermined correlation, generating the webpage in a scalable format to ensure optimal readability.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the default font size is increased to improve readability on high-resolution screens, then the visual font size becomes larger and easier to read, but the webpage layout becomes distorted and Chinese characters become blurred
Solution Approach 1:
The patent applies parameter changes by dynamically adjusting the font size parameter based on the client's screen resolution. The server receives screen resolution information from the client and selects an appropriate font size from a predetermined correlation table, thereby optimizing readability for different screen resolutions without causing layout distortion or character blurring.
2Measurement precision
If the screen resolution is increased to provide higher display quality, then the display precision improves, but the visual font size becomes smaller and harder to read
Solution Approach 1:
The system changes the font size parameter in response to screen resolution changes. When the client has a high screen resolution, the server selects a larger font size from the predetermined correlation to compensate for the smaller visual appearance, thereby maintaining readability while preserving the high display precision benefits of the higher resolution screen.
3Ease of operation
If the font size is adjusted through browser settings to improve readability, then the visual font size increases, but the webpage layout arrangement is disrupted and display completeness is compromised
Solution Approach 1:
The patent implements preliminary action by having the server pre-select the appropriate font size based on the client's screen resolution before generating and sending the webpage. This proactive approach ensures that the webpage is rendered with the correct font size from the outset, preventing layout disruptions and maintaining composition stability, rather than requiring post-rendering adjustments by the user.
Data Source
AI summary
Displaying a webpage includes: receiving a first request message from a client requesting to browse a webpage; sending a second request message to the client requesting for a screen resolution adopted by the client; receiving, form the client, information indicative of the screen resolution adopted by the client; selecting a font size corresponding to the screen resolution adopted by the client according to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; generating the webpage in a scale corresponding to the screen resolution adopted by the client and the selected font size; and sending the webpage to the client.