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

htm适合手机大小问题,总是搞不定

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />

网上很多攻略,实验了好多,搞不定,总是超过屏幕一些,这是我用过得。

老师们帮忙找找原因,从网络上搜索复制过来的慎重回复。
html是excel转换的。

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

小甲鱼的教程:
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">
<!-->
   <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
《跨越时空的回复》

感谢
页: [1]
查看完整版本: htm适合手机大小问题,总是搞不定