Tag

responsive

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 26, 2023 · Frontend Development

Responsive Full‑Page Scroll Implementation with Vue 3

This article explains how to create a responsive full‑screen scrolling effect using Vue 3, detailing the concept, requirements, underlying principles, and providing complete HTML, JavaScript, and CSS code to handle mouse wheel, touch events, dynamic height calculation, and indicator navigation.

CSSFullPageScrollJavaScript
0 likes · 12 min read
Responsive Full‑Page Scroll Implementation with Vue 3
JD Retail Technology
JD Retail Technology
Aug 9, 2023 · Frontend Development

Key Front-End Technologies Used in JD Competition Ranking H5 Page

This article explores the core front‑end technologies implemented in JD’s Competition Ranking H5 page, covering animation effects, style configuration, skin switching, poster generation, debugging tools, performance optimizations, and deployment strategies, providing practical references for front‑end developers.

CSSPerformanceVue
0 likes · 19 min read
Key Front-End Technologies Used in JD Competition Ranking H5 Page
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 26, 2021 · Frontend Development

Handling Image Distortion in iOS Development: Image Sources, CSS Techniques, and Code Samples

This article shares practical notes on solving image distortion issues in iOS development, covering image source platforms, CSS properties like object-fit, responsive grid layouts, loading animations, and Vue code examples for fetching and displaying images with proper fallback handling.

CSSImageLoading
0 likes · 7 min read
Handling Image Distortion in iOS Development: Image Sources, CSS Techniques, and Code Samples
Beike Product & Technology
Beike Product & Technology
Sep 17, 2020 · Frontend Development

Common Compatibility Issues and Solutions for Mobile H5 Development

This article reviews typical mobile H5 compatibility problems such as iPhone X safe‑area adaptation, click delay and penetration, 1 px border rendering, position‑sticky support, and soft‑keyboard layout shifts, and provides practical CSS/HTML/JS solutions for each.

CSSCompatibilityMobile
0 likes · 18 min read
Common Compatibility Issues and Solutions for Mobile H5 Development
政采云技术
政采云技术
Aug 16, 2020 · Frontend Development

Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps

This article provides a detailed guide on implementing dark mode across web (H5) and native mobile applications, covering system compatibility, CSS media queries, CSS variables, postcss handling, component library adaptation, and platform-specific configurations for iOS, Android, and Flutter.

CSSMobileTheme
0 likes · 17 min read
Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Jul 20, 2017 · Mobile Development

Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS

This article summarizes frequent CSS rendering inconsistencies across Android and iOS webviews, covering line‑height quirks, multiline ellipsis, badge implementation, image‑text layouts, adaptive width handling, inline‑block behavior, and simulated scrolling, while offering concrete code snippets and visual examples.

CSSMobileWebView
0 likes · 7 min read
Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS