如果您的网站要求

[subornaakter40]

用户提供电子邮件地址，请使用电子邮件字段，这样他们就不必在移动设备键盘上输入@符号：


设置宽度以适合移动设备
为此，请在计算机的浏览器中打开该网站，减小程序窗口的宽度，直到文本不再可读。这将为您提供允许的最小宽度。通过设置页面头部的元标记将此当前值设置为 @viewport 属性：


如果您从移动设备重新进入网站，则 新西兰电话号码数据 将自动选择您指定的宽度，这意味着资源访问者将不会被强制使用缩放。

如下图所示，右边缘留有多余的空间：

使网站适应移动设备_宽度

这里的宽度值选择正确：

使网站适应移动设备
如果网站建立在灵活的布局基础上并且兼容所有屏幕尺寸，您的任务就会变得容易得多。我们建议在将您的网站调整到适合移动设备时尝试不同的宽度，以便您的资源看起来美观且易于阅读。选择值并在元标记中设置它。

将图像宽度设置为 100%
请注意，将网站调整到所选宽度后，某些图像会显得太宽。我以前从未遇到过这个问题，因为桌面显示器的分辨率相当宽，许多图像都适合这个宽度：

使网站适应移动设备_图像宽度

您可以通过将图像的最大宽度设置为 100% 来避免此问题。有了此功能，如果图片对于小工具屏幕来说太大，它们将自动调整大小。不要忘记将以下代码输入到您网站的 CSS 样式中：

图片 { 最大宽度： 100% }

如果您已经将除 img 标签之外的任何图像设置为背景图像，则只需将 CSS background-size 属性设置为 contain 。这样，如果屏幕分辨率不足以以 100% 的比例显示背景，背景尺寸就会改变：

.header { background: url(header.webp) 50% 不重复; 背景尺寸：包含 }

无需担心图像失去清晰度——现代移动设备不允许这种情况发生。事实是，当网站访问者使用缩放时，浏览器会增加图像的清晰度。但是，您应该确保您的门户在元标记中没有 user-scalable=no 属性，因为它不允许缩放：