HTML UI布局超出边界 [英] HTML UI layout going out of boundary

问题描述

我设计了一个UI布局。在MAC桌面上看起来很好。

相同的用户界面不适合MAC笔记本电脑。出现水平滚动。如果我们向右滚动，我们可以正确地查看UI。



需要做些什么才能在MAC桌面和MAC笔记本电脑上正确显示UI开发。



谢谢。

I designed an UI layout. It is seen fine in the MAC desktop.
The same UI does not fit in into the MAC laptop. A horizontal scroll appears. If we scroll right we can view the UI properly.

What needs to be done so that UI developed is seen properly in the MAC desktop and MAC laptop.

Thanks.

推荐答案

您必须提供代码和窗口/屏幕尺寸以及操作系统/浏览器版本才能确定解决方案。



但是，我会说你应该检查你的CSS和/或内联样式的宽度：1600px（数字可以是其他） - 使用100％或80％或其他适合您的需求，但不要修复宽度很大的布局。



替代方案：找到显示滚动条的元素并添加到其CSS溢出：hide - this会阻止滚动条，但可能不是你想要的...





如果这有帮助请花点时间接受解决方案。谢谢。

You would have to provide the code and window / screen sizes and OS / browser versions for the solution to be certain.

However, I'd say you should check your CSS and / or inline styles for lines like width: 1600px (where the number can be whatever) - use 100% or 80% or whatever fits your needs, but don't fix the layout at great widths.

Alternative: find the element that shows the scrollbar and add to its CSS overflow: hide - this will prevent scrollbar, but might not be exactly what you want...


If this helps please take time to accept the solution. Thank you.

这篇关于HTML UI布局超出边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！