所以我在这里找不到与我的具体问题有关的答案,但我刚刚使用 chrome 完成了我的第一个专业网站。让它响应。看起来很适合较小的设备。但是当我把它放到网上(在这里查看)并使用 chrome 在我的 Iphone 6s 上查看它时。它有很多错误。这里仅举几个例子。
按钮被推出父 div 以及输入样式已更改https://imgur.com/a/ZFjyK6J
按钮颜色发生了变化,我的下划线也发生了变化。但它在我的桌面上的移动设备上再次看起来不错??https://imgur.com/a/IyVPOjq
输入元素在此处显示得更大https://imgur.com/a/SiyDCI1
图像在这里真的扭曲了https://imgur.com/a/5SO3IS9
这是我的 github https://github.com/spabsa/kaneConcrete
对于按钮颜色,只需在 css 中添加您想要的背景颜色
.footer button {
position: absolute;
right: 0;
top: -50px;
border: none;
font-family: 'Rajdhani';
font-size: 1.2rem;
transition: all ease 0.4s;
outline: none;
background-color: gainsboro; //or any other color
}
对于输入元素尝试
@media screen and (max-width: 924px)
.row-2 input {
width: -webkit-fill-available;
margin-bottom: 5px;
}
“将设备模式视为页面在移动设备上的外观和感觉的一阶近似。使用设备模式,您实际上并没有在移动设备上运行代码。您可以从笔记本电脑或台式机模拟移动用户体验.” 您可以在此处查看更多信息。
“ CSS 选择器上的-webkit前缀是仅此引擎打算处理的属性,与 -moz 属性非常相似。”
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句