Html 保证金权利不接受较小的屏幕

我正在尝试为iphone屏幕的文本字段提供正确的边距。。。。。 但是我做不到。。。 我通过创建一个id向媒体提问。。。。 它采用边界颜色，但不谈论边界属性。。。。 在下面提供我的代码。。。。。 当你缩小浏览器窗口时，你可以找到它

我已经整理了代码…代码在4507行中找到了

@media(max-width:768px)
{
.page-content
{
    background:transparent
}
.page-content .page
{
    margin-top:40px
}


#nameForm{ border: 1px solid red;  margin-right: 12px; width: 354px;}
#inquiryForm{ border: 1px solid red; margin-right: 12px;  width: 354px;}

---

看起来您的媒体查询需要调整：

@media only screen and (max-device-width: 480px) {

    } 

我补充说

#nameForm {
        -moz-box-sizing: border-box;
        margin-left: 12px;
        min-height: 30px;
        width: 364px;
        border: 1px solid red;
    }
    #inquiryForm {
        border: 1px solid red;
        margin-right: 12px;
        width: 364px;
        -moz-box-sizing: border-box;
        margin-left: 12px;
    }

---

如果你点击TidyUp按钮，你会得到更好的代码和一些关于如何正确设置小提琴的有用提示。用你现有的方式进行任何故障排除都是很困难的。其次，请拿出一个更简单的测试用例，而不仅仅是把你的页面扔进一把小提琴，让别人调试你的代码。我已经整理了代码…代码在第4507行中，我不太确定你想要实现什么，但我已经更新了小提琴，看这里，是的，它工作正常…你能告诉我你做了哪些更改的代码行吗。。。。。