“responsive”的搜索结果

使用shadcn/ui和Tailwind CSS实现易于操作的表单、表格及自适应布局，统一配色、间距和深色模式，并兼顾键盘操作与屏幕阅读器。

• 制作支持键盘操作的表单
• 调整手机和电脑上的页面布局
• 统一配色与深色模式

从本地资料中搜索网页、移动端和桌面端界面的设计指引，查找适合产品的配色、字体和交互规则，并依据项目所用技术，支持界面实现、审查与改进。

• 为新产品选择配色和字体
• 审查表单与键盘操作
• 修复小屏幕上的布局问题

根据品牌简介制作杂志式长篇落地页，以纸张质感、字体和拼贴图像组织内容，并加入适配屏幕宽度的布局、滚动动画和随滚动保持可见的导航。

• 制作品牌介绍页面
• 展示工作室服务与项目成果
• 用占位图确认页面结构

依据具体的字体排版、配色、间距和动效规则实现React或Next.js界面，调整布局与信息密度，涵盖移动端及各类状态显示，并避免千篇一律的外观。

• 制作字体排版鲜明的营销页面
• 调整仪表盘显示与交互反馈
• 调整信息密度和动效强度

根据用途、受众和品牌设计并实现着陆页、作品集及网站改版，确定配色、字体与动效方向，并在交付前检查视觉一致性、可读性和不同屏幕宽度下的显示。

• 制作符合品牌的着陆页
• 为目标受众制作作品集
• 保留品牌印象的网站改版

检查已制作的网页或HTML，在保留现有内容与品牌的前提下，修正视觉、文字、动效和操作体验问题，完成分享前的整理。

• 分享前完善生成的网页
• 调整雷同或不统一的视觉设计
• 修正移动端显示和操作问题

先生成网站设计图，再分析文字、留白、配色和布局并据此实现页面。使用各区块的独立参考图，帮助制作在小尺寸笔记本电脑上也易于阅读的页面。

• 根据参考图制作落地页
• 制作适合小屏幕阅读的首屏
• 制作风格统一的作品集网站

Build Python APIs with FastAPI using clear routes, validated inputs, and consistent error handling. It guides asynchronous database and API calls, reusable dependencies, caching, and code organization to support readable implementations and responsive services.

中文简介正在准备中。当前显示英语简介。

• Designing API routes and input validation
• Reviewing asynchronous database and API calls
• Organizing error handling and logging

Review mobile and tablet pages in portrait and landscape. Identify orientation locks, blocking rotation messages, and hidden controls, then suggest responsive layout changes so essential content and actions remain usable in both orientations.

中文简介正在准备中。当前显示英语简介。

• Checking mobile and tablet orientation support
• Reviewing forms after device rotation
• Inspecting dashboard and media layouts

Review website images for high-density displays, where standard assets can look blurry. Check higher-resolution versions, HTML and CSS image selection, delivery settings, and loading behavior, then identify specific files or components that need changes.

中文简介正在准备中。当前显示英语简介。

• Investigating blurry images on high-density displays
• Reviewing srcset for fixed-size and responsive images
• Checking high-resolution CSS background images

Review stylesheets for a CSS reset or normalization layer that reduces differences in browser defaults. Check import order, framework provisions, and rendered layouts across screen sizes and interaction states, then suggest changes for a consistent styling foundation.

中文简介正在准备中。当前显示英语简介。

• Investigating layout differences between browsers
• Choosing a reset for a new site's styles
• Checking reset coverage in a CSS framework

Audit CSS class names for inconsistency and ambiguity, then organize them using BEM, a convention that names components, their elements, and variations. Check the rendered interface across screen sizes and interaction states when reviewing changes.

中文简介正在准备中。当前显示英语简介。

• Auditing inconsistent CSS class names
• Renaming component classes using BEM
• Separating utility classes and JavaScript hooks

Review CSS spacing, borders, and positioning for conversion to logical properties, which follow writing direction. Check rendered layouts across screen sizes and interaction states to support right-to-left languages and vertical text.

中文简介正在准备中。当前显示英语简介。

• Adapting layouts for Arabic or Hebrew
• Replacing fixed left and right spacing in CSS
• Reviewing layouts for vertical writing

Inspect compressed JavaScript bundles, the files that package application code, to find excessive size and loading costs. Recommend splitting code, removing unused portions, and reviewing dependencies based on measured effects on page responsiveness.

中文简介正在准备中。当前显示英语简介。

• Finding JavaScript files over 200KB after compression
• Investigating delays before a page becomes interactive
• Reducing bundle size through code splitting

Audit website image file sizes against guidelines for photos, graphics, hero images, and thumbnails. Report oversized assets with target sizes, distinguish compression issues from dimension mismatches, and guide format conversion and delivery of smaller variants to mobile devices.

中文简介正在准备中。当前显示英语简介。

• Listing oversized images and target file sizes
• Reviewing uploaded images managed by a CMS
• Reducing hero image and thumbnail file sizes

Measure how quickly a webpage updates after user interactions using INP, a responsiveness metric. Identify confirmed bottlenecks and improve event handlers, split long tasks, or move heavy computation to web workers.

中文简介正在准备中。当前显示英语简介。

• Investigating slow responses to clicks and other interactions
• Reviewing event handlers and long tasks using measurements
• Considering web workers for heavy computation

Review CSS layouts for unwanted horizontal scrolling on narrow screens and at high browser zoom. Identify fixed widths, overflowing media, and unbroken text, then apply layout fixes that keep content readable within the viewport.

中文简介正在准备中。当前显示英语简介。

• Fix horizontal scrolling on mobile pages
• Check page layouts at 400% browser zoom
• Review wrapping for long URLs and large images

Review CSS text sizes for mobile readability and accessibility. Identify undersized text and fixed pixel settings, suggest relative units that follow browser font preferences, and check that content and controls remain usable at 200% zoom.

中文简介正在准备中。当前显示英语简介。

• Auditing text sizes on mobile pages
• Converting pixel sizes to relative units
• Checking layouts at 200% zoom

Review styles written directly in HTML or embedded style blocks, and move suitable rules into external stylesheets. Check layouts across screen sizes and interaction states while preserving justified exceptions for critical styles and dynamic values.

中文简介正在准备中。当前显示英语简介。

• Reviewing styles written directly in HTML
• Moving embedded styles into external stylesheets
• Checking exceptions for critical CSS and dynamic values

Review and fix Flexbox layouts with overflowing text, uneven item widths, or inconsistent spacing. Check rendered results across screen sizes and interaction states, then adjust sizing rules, spacing, and text overflow settings.

中文简介正在准备中。当前显示英语简介。

• Fixing overflowing text in a horizontal layout
• Making items share available width equally
• Replacing margins between items with gap

Review and create print styles for web pages so printed content stays readable. Adjust typography and page breaks, hide navigation and ads, and display external link URLs in the printed output.

中文简介正在准备中。当前显示英语简介。

• Make web pages easier to read on paper
• Hide navigation and ads when printing
• Adjust print typography, page breaks, and link URLs

Check whether production CSS is minified, meaning unnecessary spaces, comments, and verbose syntax are removed to reduce file size. Review build settings and rendered layouts, then suggest suitable minification tools or framework settings.

中文简介正在准备中。当前显示英语简介。

• Checking production CSS minification
• Adding minification to a build process
• Reviewing CSS output from PostCSS

Find repeated colors, spacing, and font sizes in CSS, then organize them into custom properties, reusable values referenced with var(). Review their use across components and screen sizes, and explain how overrides support theme changes.

中文简介正在准备中。当前显示英语简介。

• Consolidating repeated colors and spacing
• Preparing CSS for a brand refresh
• Reviewing values for dark mode

Review layouts that need alignment across both rows and columns, and suggest CSS Grid changes. Check rendered behavior at different screen widths and explain sizing, named areas, and grids that adapt to their content.

中文简介正在准备中。当前显示英语简介。

• Replacing two-dimensional Flexbox or float layouts
• Building card grids that adapt to screen width
• Aligning nested elements with a parent grid