css3视口:适用于chrome模拟器,不适用于android手机

亚雷克

我正在使用@viewport CSS3(因为viewport meta对我来说不够灵活)。我的设计是960px宽度。当我使用Google Chrome开发人员工具并模拟Samsung S4时,这可以完美地工作。当我在Chrome导航器中的真实Samsung S4设备上打开页面时,似乎未应用此CSS规则(我清空了Samsung S4 chrome缓存)

为什么这在Chrome模拟中正常运行,但在设备上却无法正常运行?

@media screen and (min-width: 320px)  {
   @viewport { 
    width: 960px; 
    orientation:landscape;
   }
}
卡勒姆

我从这里撤回了这个答案

尝试添加<meta name="viewport" content="width=device-width" /><head>你的HTML文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

滚动事件不适用于手机

适用于Android手机的指纹API

适用于Xamarin的Genymotion Android模拟器

UDP广播不适用于Android手机热点C#

React-JSS Media Query不适用于Chrome移动模拟器

通知不适用于Android oneplus3手机

适用于Android模拟器的Samsung系统映像?

WhatsApp链接预览不适用于Android手机

Bootstrap 3断点不适用于手机屏幕

模拟器手动位置不适用于Google Play服务

适用于Android Wear的Moto 360模拟器

Android模拟器上的onKeyDown方法不适用于物理键盘DPAD

CSS菜单不适用于手机或平板电脑

媒体查询适用于手机,但不适用于平板电脑

适用于手机和计算机浏览器的CSS

适用于 Azure 的 Android 手机 MFA

ApI AI 应用程序在网络模拟器上运行良好,但不适用于 Android 手机

响应式 CSS 不适用于智能手机

Woocommerce 链接不适用于手机

Firestore 规则适用于模拟器但不适用于网站

媒体查询不适用于手机,但响应性适用于桌面

Android 设置区域设置不适用于 OPPO 手机?

Android 谷歌地图适用于模拟器,但不适用于真机

React Native Android:请求适用于 android 模拟器,但不适用于 Play Store 构建

WebView 仅适用于模拟器而不适用于设备

rn-fetch-blob actionViewIntent() 不适用于 Android 8.1 手机?

反应原生动画api不适用于Android手机

Android 模拟器主机文件不适用于 android 应用程序

前端打印模拟器“paper.css”不适用于背景颜色