0 css wordpress media-queries responsive-design web
我目前正在使用Wordpress网站并尝试编写手持设备和平板电脑的响应式外观,但媒体查询无效.
目前只在iPhone上尝试肖像,它不会采取.
任何帮助将不胜感激.
`/* Smartphones (portrait) ----------- */ @media only screen and (max-width : 400px) { h1#logo {margin-top:-6%; margin-left:10px;} .topnav.navRight {left:15%; margin-top: -1%;} #header .social-icons {margin-top:-3%; position:absolute; margin-left:17% !important;} #main_menu {margin-top:-10% !important;} }`
Run Code Online (Sandbox Code Playgroud)
该网站位于luludew.com/wp
确保在HTML中包含此元标记:
<meta name="viewport" content="width=device-width">
Run Code Online (Sandbox Code Playgroud)