Html 智能手机和pc对我的联系方式的不同看法

Html 智能手机和pc对我的联系方式的不同看法,html,css,forms,smartphone,Html,Css,Forms,Smartphone,我有这个问题:我创建了一个联系人表单,在我的pc中,当我调整页面大小时,它也能正常工作。。。当我尝试使用安卓智能手机时,它也能工作,但使用windows phone智能手机时,它有不同的页边距,页面是rossimelthomas.com/contact.html 代码: 我无法发送图像,但问题只是不同的视图(因为我认为输入有30px的边距,但它必须是10px…我不知道为什么:()您应该尝试规范css(甚至它)。只需在项目中添加一个CSS文件即可,这将确保您的网站尽可能与brwoser兼容。请查看

我有这个问题:我创建了一个联系人表单,在我的pc中,当我调整页面大小时,它也能正常工作。。。当我尝试使用安卓智能手机时,它也能工作,但使用windows phone智能手机时,它有不同的页边距,页面是rossimelthomas.com/contact.html 代码:


我无法发送图像,但问题只是不同的视图(因为我认为输入有30px的边距,但它必须是10px…我不知道为什么:()

您应该尝试规范css(甚至它)。只需在项目中添加一个CSS文件即可,这将确保您的网站尽可能与brwoser兼容。请查看并记住,添加CSS文件可能会使您当前的布局有点混乱,因此可能需要进行一些调整,以使其看起来与以前一样


另外,我可以看到您特别针对webkit浏览器的一些功能-请注意,Windows Phone的Internet Explorer不像其他移动浏览器那样使用webikt引擎。

您提到的
边距是否仅用于
表单
s?您是否在代码中的某个位置重置它?仅用于表单中的所有元素,您如何可以看到了吗?你能告诉我你在哪里重置了吗?小提琴最好!然后重置,你面临的问题可能是因为浏览器使用默认的重置可能是!!它不工作,其他解决方案?
    <form action="php/mail_send.php" method="POST">
    <input autocomplete="off" onfocus="if (this.value=='Name') this.value = ''" onblur="if     (this.value=='') this.value = 'Name'" style="border: solid 1px; border-radius: 5px; height:25px; border-color: white; width: 65%; "  value="Name" type="text" name="name">
    <input autocomplete="off" onfocus="if (this.value=='E-Mail') this.value = ''" onblur="if (this.value=='') this.value = 'E-Mail'" style="margin-top: 20px; border: thin 1px; border-radius: 5px;  height:25px; border-color: white; width: 65%" value="E-Mail" type="email" name="email">
    <input autocomplete="off" onfocus="if (this.value=='Subject') this.value = ''" onblur="if (this.value=='') this.value = 'Subject'" style="margin-top: 20px; border: thin 1px; border-radius: 5px; height:25px;  border-color: white; width: 65%" value="Subject" type="text" name="subject">
    <textarea class="txt_field" style="    color: #99a0aa;margin-top: 20px;  font: normal normal 16px/20px pnova-regular, helvetica, sans-serif; border: thin 1px; border-radius: 5px; border-color: white; width: 65%; height: 300px;" type="text" name="message">Message</textarea>
    <input style="margin-top: 20px; border: thin 1px; border-radius: 10px; border-color: white; cursor:pointer; background-color: #4db849; width:65%; height: 45px; color: white; font-weight: 700;" type="submit" value="Send Message">
    </form>
input {
-webkit-appearance: none; 
-moz-appearance: none; 
border: 2px solid #eee;
color: #99a0aa; font: normal normal 16px/20px pnova-regular, helvetica, sans-serif;
}

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}