The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> html view font in andriod problem
choy96
post Oct 21 2021, 06:55 PM
Post #1





Group: Members
Posts: 4
Joined: 21-October 21
Member No.: 28,150



i created a collapse in my website, view in computer is no problem, but view in anroid become problem. The word on collapse no 3 font size very small.

this is my website :
http://seacharcoal.com/questions.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Seacharcoal</title>
<meta name="description" content="Enhances Photosynthesis Process">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
font-size: 60px;
color: #000;
}
body {
margin-left: 0px;
}
.collapsible {
background-color: transparent;
color: blue;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 25px;
}

.active, .collapsible:hover {
background-color: #C0C0C0;
}

.content {
padding: 0 18px;
display: none;
overflow: hidden;
background-color: transparent;
font-size: 24px;
}
-->
</style></head>
<body>
<div class="wrapper">
<div class="warpper-top">
<div class="top-sh1"></div>
</div>
<div class="warpper-mid">
<img src="images/web banner.jpg" width="904" height="249">
<div class="nav-area">
<ul class="navigation">
<li><a href="index.html">首页</a></li>
<li><a href="aboutus.html">关于我们</a></li>
<li><a href="CertProduct.html">产品见证</a></li>
<li><a href="vacancy.html">招聘招商</a></li>
<li><a href="branch.html">分行/感言</a></li>
<li></li>
<li
style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"></li>
<li
style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><a href="ContactUs.html">联络我们</a></li>
</ul>
</div>
<div class="mid-gap"></div>
<div class="mid-left">
<h2 style="padding: 20px 0px 5px 30px;">顾客最常问的13大问题</h2>
<p class="txt-2" style="padding: 10px 0px 5px 30px;">(点击以下问题以获取更多详情)</p>
<button type="button" class="collapsible">01.Seacharcoal海碳粉如何帮助有灵芝病的油棕树?</button>
<div class="content">
<p>- 大多数的农友们对油棕灵芝病有一个认知上的误区,通常认
油棕树长出灵芝和菇类或是树出现尖头再或者是倒树的情况
会认为有灵芝病的问题。其实当这情况出现时,灵芝病已经
到一个相当严重的阶段。初期到中期的灵芝病,我们很难从
表看的出情况因为油棕树的表层是能抗拒病菌的伤害的,所
当我们发现灵芝长出来时就代表能抗病菌的表层已经沦陷了
。</p>
<p>- Seacharcoal海碳粉是通过提高光合作用制造出更多的糖分来提高
植物的抗病能力。当植物受到病菌的攻击时,植物就会产生
些抗病物质被称为“二次代谢物质”如木质素来形成防御层
防止病害继续入侵。这些二次代谢物质都是由糖分变成的。
所以提高光合作用或是高糖培植是抗病的最佳的方法。</p>
</div>
<button type="button" class="collapsible">02.使用Seacharcoal海碳粉后,能提高产量吗?</button>
<div class="content">
<p>- 能!- 油棕和果树都属于长期农作物,所以长期的高收成才是我们
目标。所以树的健康才是长期农作物的重点,我们知道产量
条件除了那些控制不到的因素(如天气、土壤种类和品种)
最重要的是树的健康才能保障长期健康的产量。</p>
<p>- 农友们通常只注重产量,其实这是一个误区,盈利才是我们
终极目标。农产品的品质和营运成本的控制才能决定我们最
的盈利。Seacharcoal海碳粉能让你以简单和低成本的方式种出
品质的农产品。</p>
</div>
<button type="button" class="collapsible">03.Seacharcoal海碳粉喷洒在树身,植物如何能得到养分呢?</button>
<div class="content">
<p>- Seacharcoal海碳粉是通过提高光线的利用率来提高光合作用以制
造更多植物所需要的养分。然后以蔗糖的方式输送到植物各
部分提供所需的养分。</p>
</div>
<button type="button" class="collapsible">04.Seacharcoal海碳粉喷洒在树身,植物如何改善土壤呢?</button>
<div class="content">
<p>- Seacharcoal海碳粉是通过提高植物在晚间所释放到土壤的有机质
来加速植物改善土壤的情况。植物释放的有机质当中最多的
分就是有机碳,有机碳能有效的减少土壤的酸碱值和营造一
良好的环境让微生物滋长来改善土壤的情况。</p>
</div>
<button type="button" class="collapsible">05.Seacharcoal海碳粉如何控制病害和虫害的问题?</button>
<div class="content">
<p>- Seacharcoal海碳粉是以高糖培植的方式来提高植物的抗病能力,
让植物产生不同的二次代谢物质来抵抗病害和虫害。同时Seach
arcoal海碳粉促进微生物的繁殖来增加土壤矿物质的分解来满
植物对元素的需求。</p>
</div>
<button type="button" class="collapsible">06.使用Seacharcoal海碳粉过后下雨还是一样有效的被吸收吗?</button>
<div class="content">
<p>- 油棕树是一种吸水能力非常强的植物,它不只使用根部来吸
所需的水分,它身体的各个部分多能吸取水分。Seacharcoal海
粉喷洒在植物的半个小时内就会被植物吸收因为Seacharcoal海
粉是引用纳米科技,它的分子非常的小能直接穿过植物的气
,所以即使是下雨加上油棕树的吸水能力是不会影响它的有
效性。</p>
</div>
<button type="button" class="collapsible">07.使用Seacharcoal海碳粉多久才能看到效果?</button>
<div class="content">
<p>- Seacharcoal海碳粉喷洒两个小时后,植物的光合作用就开始提高
了,糖分的制造也跟着提高。糖分的储存会跟着增加,随后
复的动作就开始。新叶是我们可以最快看到效果的位置,叶
变得更绿更大。</p>
<p>- 植物有修复期和产果期,修复期的长短是根据树的健康程度
决定。通常较年轻的树会比较健康,所以修复时间较短。Seac
harcoal海碳粉是以提高光合作用增加养分的制造来缩短修复的
间和提高植物的抗病能力。</p>
<p>- 产量指的是植物的果实,果实是由植物所制造的糖分制成的
Seacharcoal海碳粉是以提高植物的糖浓度来提高植物的品质和
量。</p>
</div>
<button type="button" class="collapsible">08.Seacharcoal海碳粉来自哪里?成分是什么?</button>
<div class="content">
<p>- Seacharcoal海碳粉主要的成分是碳元素。碳粉是引用纳米技术来
自于日本,光合作用促进剂是采用德国的技术,然后在马来
亚本地进行包装。</p>
</div>
<button type="button" class="collapsible">09.如何使用Seacharcoal海碳粉?</button>
<div class="content">
<p>- 1盒可以喷洒大约115-120棵油棕树(大约2英亩),每两个月施放一次。</p>
<p>- 榴莲和其他果树喷洒的分量是根据树身的大小来决定,每个
施放一次。</p>
</div>
<button type="button" class="collapsible">10.使用Seacharcoal海碳粉后,还需要放肥吗?</button>
<div class="content">
<p>- 海碳粉是以提高光合作用来提高植物所需的养分,所以只有
矿物质贫乏的土壤(如白格泥、白沙、黑泥等)才有需要补
非常少量的高钾含量的肥料。</p>
<p>- 肥料对植物来说只是补充品,光合作用所生产的糖分才是植
所需主要的养分。</p>
</div>
<button type="button" class="collapsible">12.请问可以安排来我的油棕园考察吗?</button>
<div class="content">
<p& gt;可以的,我们可以安排知深同事为您免费分析园地问题和
供解决方案,您可以直接联络我们 010-8899 956 以更有效的安排园地考察工作。谢谢!🙏 👍 😊</p>
</div>
<button type="button" class="collapsible">13.请问可以安排来我的油棕园喷洒海碳粉吗?</button>
<div class="content">
<p>可以的,您可以直接联络我们 010-8899 956 以更有效的安排喷洒团队为您服务,或者留下您的联络号码
我们会尽快与您联络,谢谢!🙏 👍 😊</p>
</div>

<p>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>

</p>
<p>&nbsp;</p>
</div>
<div class="mid-gap"></div>
</div>
<div class="warpper-bot">
<div class="footer-left">
<ul class="footer-nav">
<li style="border: medium none ;"><a href="index.html">首页</a></li>
<li><a href="aboutus.html">关于我们</a></li>
<li><a href="CertProduct.html">产品见证</a></li>
<li><a href="vacancy.html">招聘招商</a></li>
<li><a href="branch.html">各地分行</a></li>
<li><a href="ContactUs.html">联络我们</a></li>
<li><a href="https://www.facebook.com/Seacharcoal-114154169966731/" target="_blank">面子书</a></li>
<li><a href="https://www.facebook.com/groups/2359579837692490/" target="_blank">Seacharcoal活动</a></li>
</ul>
</div>
<div class="footer-right">
<p class="footer-txt">&nbsp;</p>
</div>

</div>
</div>

</body>
</html>

How to solve my problem?
thanks in advance.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 22 2021, 06:24 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I see it with Chrome but not with FF.

Interesting. We've had several people lately that have had the opposite problem, that text that isn't styled differently is made larger on Chrome for Android. Haven't found an explanation. I found this though. Don't know if it works or if it covers this problem, but you could try.
https://stackoverflow.com/questions/2134130...-android-chrome
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
choy96
post Oct 24 2021, 10:34 PM
Post #3





Group: Members
Posts: 4
Joined: 21-October 21
Member No.: 28,150



Dear pandy,

it work on my page , thanks you very much.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 25 2021, 12:58 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Oh, good! The other guy with a similar problem told us yesterday it worked for him too, so this seems to be the thing to do. I wonder why it happens in the first place though.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 01:24 AM