BestHub
Sign in
Tagged articles

adaptive layout

5 articles · Page 1 of 1
HarmonyOS Developer Technology
HarmonyOS Developer Technology
Oct 24, 2025 · Mobile Development

HarmonyOS Adaptation: 90% Code Reuse & Custom Flutter Plugins for Poetry App

This case study details how the Chang Xiang Si poetry app overcame HarmonyOS SDK compatibility issues by developing custom Flutter plugins, leveraged HarmonyOS's 'one development, multi-device' capability to achieve 90% code reuse across phones, foldables, and tablets, integrated Huawei Account one-click login, and explores future AI voice reading and eye-tracking interactions.

FlutterHarmonyOSHuawei Account
0 likes · 12 min read
HarmonyOS Adaptation: 90% Code Reuse & Custom Flutter Plugins for Poetry App
58UXD
58UXD
Nov 13, 2019 · Frontend Development

Responsive vs Adaptive Design: When to Use Which and How to Build Fluid Layouts

This article explains the differences between responsive and adaptive web design, when to choose each approach, essential grid and media‑query techniques, and practical tips such as using icon fonts and setting breakpoints based on content rather than device sizes.

adaptive layoutfrontend developmentgrid system
0 likes · 8 min read
Responsive vs Adaptive Design: When to Use Which and How to Build Fluid Layouts
Baidu Tech Salon
Baidu Tech Salon
Jul 9, 2014 · Frontend Development

Mobile Web App Adaptive Design: Understanding PPI/DPI and Viewport Solutions

Understanding mobile web app adaptive design requires grasping PPI/DPI concepts, the variable meaning of CSS pixels, and using viewport meta tags—especially target-densitydpi and initial-scale—to achieve 1:1 rendering across Android density buckets and iOS Retina screens while balancing layout and asset sizing.

DPIMobile WebPPI
0 likes · 8 min read
Mobile Web App Adaptive Design: Understanding PPI/DPI and Viewport Solutions