Jac*_*ack 3 html css html5 css3 responsive-design
我在我的应用程序上使用媒体查询,它似乎运行良好,并在http://www.responsinator.com/中显示良好,但当我在真正的iPhone 4中查看时,我的网页根本不可读.它看起来都放大了.
试图找出实际原因,似乎Responsinator显示iPhone 4分辨率为320 x 480,而本网站http://www.iphoneresolution.com/显示为640×960.我的iPhone看起来是640×960.我应该如何在CSS媒体查询中处理这些情况?
将视口元标记添加到head
html文件的-area:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)
此代码可使您的网站正确扩展.