Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我想设计一些布局,其中定义了最小宽度-安全吗?
我可以使用@media (max-width) 在不同的设备上定义不同的最小宽度吗?
我专注于现代浏览器 Chrome、Fire Fox、Safari、Windows 8 IE - 电脑、平板电脑、智能手机(Android、iOS)?
您是在为单独的移动网站提供服务,还是使用媒体查询为现有的桌面版本设计样式?对于前者,使用 Chrome 检查器将用户代理设置为模拟最常见的 Android 手机。对于后者,请为您的显示器使用最大宽度和/或设备像素比率。为移动显示设置正确的断点至关重要,否则您的布局将崩溃。
查看CSS 技巧以获得良好的起点
不要在正文上使用最小或最大宽度,只需在内容周围使用包装器 div,在标题和导航周围使用标题 div。(如果您在标题下使用类似 stip 的导航)