css - 如何将CSS设置为移动网站

标签 css mobile

网页自定义手机浏览需要设置哪些样式设置 我需要给页面什么设置 设置输入框、按钮或选择元素需要哪些设置?

我应该按百分比还是单位边设置大小?

最佳答案

对于移动网络,需要了解的方面很少。

1) 例如,使用viewport 设置网站在设备上的大小,

<meta name="viewport" content="width=device-width" />

将根据设备的大小设置网站的大小。

2) 使页面简短而甜美,内容少而有效。

3) 使用媒体查询来调整内容。

4) 您的设计应该具有响应性。使用百分比和 em 值而不是固定像素值。

这里有几个链接可以获取更多信息。

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

关于css - 如何将CSS设置为移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19559175/

相关文章:

html - div 标签输入框的 css 对齐

jquery - iOS 7 Safari jquery text() 没有被渲染

mobile - Phonegap 是如何工作的?

android - Chrome 远程设备未显示 Cordova 应用程序

android - 使用 Windows 操作系统运行 appium 脚本时出现套接字挂起错误

javascript - 在 HTML 元素中用 <span> 替换 <b> 等文本标签的嵌套?

javascript - 如何仅在一定分辨率以上显示网站?

css - Shiny :标签位置,文本输入

android - 是否可以在网络应用程序中缓存受密码保护的内容以供离线网络应用程序(iOS/Android)使用?

mobile - 在 Windows 上运行 Flutter