怎么让html页面在手机和电脑采用不同的样式

如题所述

举报该问题

推荐答案 2017-03-28

你说的是分别引用不同的css文件吗
当宽度小于640px的时候加载css下的css-mobile.css
<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 640px)">

当宽度大于640px的时候加载css下的css-pc.css
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 640px)">

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/2sn99vssip9DvUx9Ds.html

其他回答

第1个回答 2017-03-28

采用响应式布局设计，CSS中的media query自动根据客户端的分辨率来使用相应的样式，甚至显示、隐藏某些页面元素。

相似回答

怎么让html页面在手机和电脑采用不同的样式答：当宽度大于640px的时候加载css下的css-pc.css <link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 640px)">

前端html5自适应页面布局的方法有哪些?答：利用CSS3的媒体查询功能，可以根据不同屏幕大小或设备类型加载特定CSS样式，实现页面自适应布局。媒体查询允许开发者针对特定条件定义样式规则，如屏幕宽度、设备类型等，确保页面在不同设备上呈现良好效果。通过设置viewport元标签，可以控制浏览器中的viewport大小和缩放比例，实现自适应布局。viewport元标签内通...

怎么制作HTML5页面让它适应电脑和手机的尺寸?答：1、 利用meta标签：设置viewport元标签，初始比例为1，最小比例为1，最大比例为1，用户不可扩展，页面不可缩放。这有助于页面在不同设备上保持原始比例。2、 百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。这种方法适合布局简单的页面，实现复杂页面较...

怎么制作html5网站页面让它适应电脑和手机的尺寸答：用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"> 使用百分比定义宽度，，CSS代码可以适当使用：media only screen and (max-width:449px){ } 自动根据屏幕像素调用不同的CSS代码。

html如何让布局使用不同屏幕分辨率答：width: 100%;} } 这段代码表示当屏幕宽度不超过600px时，.container类的元素宽度将设置为100%，这样可以在小屏幕上提供更好的用户体验。此外，响应式布局还涉及到流式布局的概念。通过合理使用流式布局，可以让页面内容根据屏幕大小自动调整，确保在不同设备上都能呈现最佳的视觉效果。总结来说，为了...

怎样让手机版网页自适应手机屏幕宽度答：要让手机版网页自适应手机屏幕宽度，可以采取以下几种方法：1. **使用``标签**：在HTML文档的``部分添加``。这个`viewport`标签告诉浏览器如何控制页面的尺寸和比例，使得网页能够自适应不同设备的屏幕宽度。`width=device-width`确保网页宽度等于设备屏幕宽度，`initial-scale=1.0`设置初始缩放比例。2...

大家正在搜

html怎么让字体在页面中间 html怎么让表格在页面居中 html怎么让页面居中 html怎么让表格里的文字居中怎样让文字在页面中居中自己写的html怎么让别人看到 html页面让他人访问 html让整个页面居中如何让html页面支持缩放