[已解决]htm适合手机大小问题，总是搞不定

xianhuyu · 发表于 2023-6-2 19:21:10

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

最佳答案

月排行榜 / 总排行榜

Threebody1

2023-6-2 19:24:58

小甲鱼的教程：
https://fishc.com.cn/thread-107659-1-1.html

<meta name="viewport" content="width=device-width, initial-scale=1.0">

跳转到最佳答案楼层

isdkz · 发表于 2023-6-2 19:22:41

从你提供的信息来看，看起来你已经添加了适当的meta标签来优化你的网页在移动设备上的展示。但是，如果页面内容仍然超过屏幕大小，那么可能的原因可能是以下几个：

1. CSS样式问题：CSS中的某些样式可能会导致内容超出屏幕。例如，使用了大于屏幕宽度的固定宽度，或者padding和margin设置过大。检查CSS样式，确保没有设置会导致超出屏幕宽度的值。

2. 布局问题：在你的布局中，可能有一些元素被设置为固定宽度，而这个宽度超出了设备的屏幕宽度。或者，如果你在使用类似Flexbox或Grid的布局系统，可能需要调整它们的设置以适应不同的屏幕大小。

3. 图片和视频：如果你的网页上有图片或视频，确保它们不会超出屏幕宽度。可以使用max-width: 100%的样式来限制它们的宽度。

4. 没有使用响应式设计：响应式设计是一种方法，使网页能够根据设备的屏幕大小和方向调整其布局。如果你的页面没有使用这种设计，可能会出现在某些设备上内容超出屏幕的情况。

5. HTML表格：如果你的网页是从Excel转换过来的，可能存在大量的HTML表格。在小屏幕设备上，表格可能会超出屏幕宽度。需要适当的CSS来优化表格的展示，或者考虑使用不同的布局方式。

如果以上建议不能解决你的问题，你可以提供更多的代码或者详细描述一下你的问题，这样我可以提供更精确的帮助。

Threebody1 · 发表于 2023-6-2 19:24:58

这个最佳答案由 Threebody1 给出，感谢 Threebody1 的回答。

单击隐藏图章

小甲鱼的教程：
https://fishc.com.cn/thread-107659-1-1.html

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Threebody1 · 发表于 2023-6-2 19:40:20

要不后面两行删掉，只留

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

xianhuyu · 发表于 2023-6-3 17:57:44

isdkz 发表于 2023-6-2 19:22
从你提供的信息来看，看起来你已经添加了适当的meta标签来优化你的网页在移动设备上的展示。但是，如果页面 ...

没有scc所以，先谢谢老师的回复，感谢感谢!

xianhuyu · 发表于 2023-6-3 18:04:11

Threebody1 发表于 2023-6-2 19:24
小甲鱼的教程：
https://fishc.com.cn/thread-107659-1-1.html

这个贴心，度过若有所思，一看就会，一用就废，感谢感谢！

xianhuyu · 发表于 2023-6-3 18:15:04

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="org/TR/REC-html40">
<head>
  <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><meta name="Generator" content="WPS Office ET">
  <!--[if gte mso 9]>
<xml>
实验过了，还是不行！感谢各位老师的回复

xianhuyu · 发表于 2023-6-3 18:21:26

Threebody1 发表于 2023-6-2 19:24
小甲鱼的教程：
https://fishc.com.cn/thread-107659-1-1.html

换了这句，屏幕还是原来的那么大，大过屏幕，但是缩小手机的屏幕，大小是最合适的，就是说不可以再次最小化，网页的大小只能最小化到，手机的最佳界面，不能再小了，这个变化还是很满意的，毕竟有了效果，如果没有再合理的建议，就给最佳了。。

Threebody1 · 发表于 2023-6-3 22:05:53

xianhuyu 发表于 2023-6-3 18:21
换了这句，屏幕还是原来的那么大，大过屏幕，但是缩小手机的屏幕，大小是最合适的，就是说不可以再次最小 ...

得问甲鱼呀@小甲鱼

歌者文明清理员 · 发表于 2023-6-3 22:07:43

Threebody1 发表于 2023-6-3 22:05
得问甲鱼呀@小甲鱼

@小甲鱼

xianhuyu · 发表于 2023-6-4 15:04:34

Threebody1 发表于 2023-6-3 22:05
得问甲鱼呀@小甲鱼

谢谢您的回复，给你点赞！

Threebody1 · 发表于 2023-6-4 15:34:33

xianhuyu 发表于 2023-6-4 15:04
谢谢您的回复，给你点赞！

不知道甲鱼哥为啥没出来

xianhuyu · 发表于 2023-6-6 11:28:51

Threebody1 发表于 2023-6-4 15:34
不知道甲鱼哥为啥没出来

沉浸在六一的快乐之中？

xianhuyu · 发表于 2023-8-12 09:57:34

Threebody1 发表于 2023-6-2 19:40
要不后面两行删掉，只留

这个可信，感谢各位老师的回复！

Threebody1 · 发表于 2023-8-13 17:13:35

xianhuyu 发表于 2023-8-12 09:57
这个可信，感谢各位老师的回复！

《跨越时空的回复》

xianhuyu · 发表于 2023-9-20 18:46:13

Threebody1 发表于 2023-8-13 17:13
《跨越时空的回复》

感谢

账号		自动登录	找回密码
密码			立即注册