网站在任何个人电脑/笔记本电脑和除 Iphone 以外的所有手机上看起来都不错

问题描述 投票:0回答:2

所有地方看起来都一样,pc、macbook、任何笔记本电脑、安卓设备……只有在 iphone 上,一切看起来都不一样:字体、字体粗细、填充、边距等。

我尝试清理 cookies 和缓存,并在隐身模式下尝试,但到处都看起来很糟糕。

样式是用纯CSS制作的。

还有,不仅在Safari上,在Chrome上也一样,从iphone打开。

基本上,iphone 的每一种方法都会把一切都搞砸。

我已经完成了所有代码,如果需要的话,我真的无法切换到引导程序或类似的东西......

我该怎么办?

css ios styles responsive
2个回答
0
投票

您应该为您的网站添加响应能力。

另外,切换到 bootstrap 的部分非常简单,你只需要添加几行代码就可以了,你已经添加了它。

为了进一步帮助您,我需要您的代码。

请发邮件至[email protected]


0
投票

没有看到您的网站代码,很难准确诊断我们需要更改的内容。以下是使您的网站在不同尺寸的设备上看起来不错的一些一般性建议:

  1. 尝试使用 CSS flexbox 之类的东西。它将允许您的 HTML 元素根据需要增长和收缩,并以网格形式布局。
  2. 尝试使用CSS视点根据屏幕大小应用不同的CSS样式
  3. 考虑将 Bootstrap 或其他东西添加到您的站点。您可以先将其应用于新元素,然后慢慢将样式应用于旧元素。

不幸的是,没有神奇的设置可以修复您网站在移动设备上的布局。它需要某种形式的重构,但你已经做到了!

如果您想在您的网站上发布一个元素的片段,我们会更好地帮助您。

© www.soinside.com 2019 - 2024. All rights reserved.