Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

高分辨率屏幕下css height计算不正确导致布局错位 #11880

Closed
1 task done
siyu77 opened this issue Aug 24, 2018 · 3 comments
Closed
1 task done

高分辨率屏幕下css height计算不正确导致布局错位 #11880

siyu77 opened this issue Aug 24, 2018 · 3 comments

Comments

@siyu77
Copy link
Contributor

siyu77 commented Aug 24, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.8.2

Environment

Windows 10, Chrome 68.0.3440.106(64 位)

Reproduction link

https://ant.design/components/form-cn/

Steps to reproduce

“屏幕分辨率”设为1920 x 1080, “更改文本、应用等项目的大小”设为 150%。这两项均为系统推荐配置。
打开 https://ant.design/components/form-cn/ ,到“高级搜索”这个两行三列的表单
在第一行第二列输入任意值, 点“搜索”
其他FormItem显示错误提示后布局错位

What is expected?

高分屏下height值正确,布局显示正常,Field 3,4,5应正常排列在第二行

What is actually happening?

布局显示错位,Field 3被挤到第二行最右侧,Field 4,5排列到第三行

@ant-design-bot
Copy link
Contributor

Translation of this issue:


High resolution screen css height calculation incorrectly causes layout misplacement

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.8.2

Environment

Windows 10, Chrome 68.0.3440.106 (64-bit)

Reproduction link

https://ant.design/components/form-cn/

Steps to reproduce

"Screen resolution" is set to 1920 x 1080, and "Change the size of text, applications, etc." is set to 150%. Both of these are system recommended configurations.
Open https://ant.design/components/form-cn/ and go to the "Advanced Search" form with two rows and three columns.
Enter any value in the first row and second column, click "Search"
Other FormItem displays misplaced layout after error message

What is expected?

The height value of the high score screen is correct, the layout is normal, and Field 3, 4, 5 should be arranged in the second line normally.

What is actually happening?

The layout display is misaligned, Field 3 is squeezed to the far right of the second row, and Field 4, 5 is arranged to the third row.

@IssueHuntBot
Copy link

@issuehuntfest has funded $20.00 to this issue. See it on IssueHunt

@afc163
Copy link
Member

afc163 commented Mar 3, 2019

@siyu77 试一下最新版本,我们在 #14946 里做了优化。

@afc163 afc163 mentioned this issue Mar 3, 2019
13 tasks
@afc163 afc163 closed this as completed Mar 3, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants