我对编程很陌生,我一直在使用"HTML5 for iOS and Android“()一书来教我创建HTML/JavaScript网页的基础知识,然后将其放入随书提供的包装中,使页面功能成为Android。
我遇到的问题是,我试图将一段文字与屏幕的水平中心对齐,纯粹使用JavaScript。当我用Chrome或IE在桌面PC上查看时,我编写的代码功能是正确的,但是一旦放在包装器中并作为应用程序或在我的手机上查看的独立网页查看,它就不能正常工作。下面是我为此创建的一小部分代码:
<script>
instruction_text_element = document.
我在我的网页上使用了一个媒体查询,并在我的html中包含了一个元标记,以使它响应较小的设备,如下所示:
@media only screen and (max-width:768px){/*code for smartphones*/}
<meta type='viewport' content='width=device-width,initial-scale=1.0'>
注意:媒体查询代码是为了使页面可供较小的设备查看。
问题是,当我尝试在微软边缘仿真工具或我的智能手机上运行代码时,媒体查询中的css代码没有运行,因此我的网页在小型设备上