我有一个必须响应手机的网站.我用我的桌面创建了它.当我调整浏览器窗口时,它可以很好地用于手机,但是当我在真正的手机上查看它时:三星Galaxy S2它对移动视图没有响应.
怎么可能是错的?
以下是我使用的框架:
运行应用程序:
问题:路由到其他骨干视图:
我应该采取什么方向:
任何指导都非常感谢.
不知道如何在jsFiddle中重现这个,但我会尽力解释这个问题.
我们将购买的字体导入CSS:
@font-face {
font-family: 'ForoItalicRegular';
src: url('../Fonts/foro_italic/ForoIta-webfont.eot');
src: url('../Fonts/foro_italic/ForoIta-webfont.eot?#iefix') format('embedded-opentype'),
url('../Fonts/foro_italic/ForoIta-webfont.woff') format('woff'),
url('../Fonts/foro_italic/ForoIta-webfont.ttf') format('truetype'),
url('../Fonts/foro_italic/ForoIta-webfont.svg#Foro-ItalicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)
然后我们将该字体应用于具有占位符属性的输入标记:
.m_hdr_glb_search input { width:230px; margin:0; padding:13px 0px 12px 5px; text-overflow:ellipsis; background:transparent; color:#221b33; font-size:0.750em; font-family:ForoItalicRegular,Georgia,serif; border:none; }
Run Code Online (Sandbox Code Playgroud)
我们的网站支持法语,因此当法语重音字符被引入占位符时,问题文本会显示出来:
<input type="text" placeholder="Quartier, ville ou numéro">
Run Code Online (Sandbox Code Playgroud)
结果如下:
经过仔细的检查和一些测试后,我发现"numero"这个词的重音"e"正在从字体堆栈降级到格鲁吉亚.
我能想到的唯一原因是重音字符在该大小中不可用,但经过更多测试后情况并非如此.我可以将导入的字体调整为其他标签中的任何大小(即 - div,p,span等),重音字符不会降级为格鲁吉亚.
它只发生在输入标记的占位符属性中.我能够在所有主流浏览器中重现.
这是对占位符属性的实施的疏忽吗?