一、写此篇的初衷：
手机用户常可以更换自己手机系统的字体，那么在浏览网页的时候，网页内容字体也都随之变了，于是我想，能不能让自己的网站的字体在手机浏览器中保持不变（使用一款自定义字体）呢；而在PC端浏览器不用处理。
二、功能实现依据：
首先，CSS @media查询中有判断横屏（orientation:landscape）、竖屏（orientation:portrait）的功能，那么分别在电脑、手机浏览器上是否有不同表现呢，如果有，就靠它了。先看如下代码：
<style type="text/css">
/*定义竖屏 css*/
@media screen and (orientation:portrait) {
.portrait { display:block; background-color:#FFCC00; }
.landscape { display:none; }
}
/*定义横屏 css*/
@media screen and (orientation:landscape) {
.portrait { display:none; }
.landscape { display:block; background-color:#FFCC00; }
}
</style>
<div class="portrait">当前（浏览器）是竖屏</div>
<div class="landscape">当前（浏览器）是横屏</div>
<span id="a"></span>
<script>
window.onload=window.onresize=function(){
document.getElementById('a').innerHTML = '屏幕尺寸为：宽 '+window.screen.width+' x '+window.screen.height+'';
}1、电脑浏览器表现：
缩窄浏览器——
可见横、竖屏分得还是很清楚的。但是大家发现没有，判断电脑屏幕尺寸的结果是没有变的，都是1440x900，因为电脑就是横着看的，您不像手机一样把电脑竖起来吧*′∀`)′∀`)*′∀`)*′∀`)
2、手机浏览器表现：
可见手机表现就如偿所愿了，非常正常，横屏时窗口是横向的尺寸，竖屏是竖向的，very good!
三、添加屏幕窗口的临界尺寸判断（关键点）：
目前电脑的屏幕分辨率设置起点是800x600（早期显像管时代的14寸），其次是1024x768（15寸也好多年前了），——这二种显然目前看是太落后了，基本没人用了吧；即使如此，而大多手机的窗口屏显也都达不到这个尺寸，所以可以放心利用这二个作为判断分寸。
/*定义竖屏 css*/
@media screen and (orientation:portrait) and (max-device-width:600px) and (max-device-height:800px) {
}
/*定义横屏 css*/
@media screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {
}请注意：这里用的是max-device-width和max-device-height而不是网上流行的max-width和max-height，前者是定义显示屏“宽、高”，后者是定义浏览器“宽、高”，显然前者是恒定不变的，而后者比如PC浏览器是可变换尺寸的，可以变窄变成竖长手机的样子，所以用起来不那么靠谱。
四、CSS @media查询中的or（或）：
最后把横屏（orientation:landscape）、竖屏（orientation:portrait）综合起来，用逗号连接两条命令，实现or（或）的功能，变成一行命令代码：
@media
screen and (orientation:portrait) and (max-device-width:600px) and (max-device-height:800px),
screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {
}这个也行：
@media
screen and (orientation:portrait) and (max-device-width:768px) and (max-device-height:1024px),
screen and (orientation:landscape) and (max-device-width:1024px) and (max-device-height:768px) {
}五、贴上我的终稿：
当用户用手机浏览器浏览时，调用自定义的字体（压缩过的微软雅黑），用PC、iPad浏览器浏览时不用处理。
<style type="text/css">
<!--
/*判断手机浏览器，当前限：竖屏 宽600 高800，横屏 宽600 高800*/
@media
screen and (orientation:portrait) and (max-device-width:600px) and (max-device-height:800px),
screen and (orientation:landscape) and (max-device-width:800px) and (max-device-height:600px) {
@font-face {
font-family: "Microsoft YaHei";
src: url("_css/font_cn/_gb/msyh.eot"); /* IE9 */
src: url("_css/font_cn/_gb/msyh.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("_css/font_cn/_gb/msyh.woff") format("woff"), /* chrome、firefox */
url("_css/font_cn/_gb/msyh.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
url("_css/font_cn/_gb/msyh.svg#msyh") format("svg"); /* iOS 4.1- */
}
}
body {
font-family:"tahoma","Microsoft YaHei","SimSun";
}
-->
</style>现丑了，具体应用，参见：http://www.furuijinzhao.com/
用PC浏览器浏览时，使用浏览器默认字体；用手机浏览器浏览时调用自定义字体，实现不被手机系统字体所干扰。
如果您认为此篇对您有帮助，请不吝点赞，谢谢！
我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0
我在MiniTest::Spec和Capybara中使用以下规范:find_field('Email').must_have_css('[autofocus]')检查名为“电子邮件”的字段是否具有autofocus属性。doc说如下:has_css?(path,options={})ChecksifagivenCSSselectorisonthepageorcurrentnode.据我了解，字段“Email”是一个节点，因此调用must_have_css绝对有效!我做错了什么？ 最佳答案 通过JonasNicklas得到了答案:No
我正在尝试在Ruby中制作一个cli应用程序，它接受一个给定的数组，然后将其显示为一个列表，我可以使用箭头键浏览它。我觉得我已经在Ruby中看到一个库已经这样做了，但我记不起它的名字了。我正在尝试对soundcloud2000中的代码进行逆向工程做类似的事情，但他的代码与SoundcloudAPI的使用紧密耦合。我知道cursesgem，我正在考虑更抽象的东西。广告有没有人见过可以做到这一点的库或一些概念证明的Ruby代码可以做到这一点？ 最佳答案 我不知道这是否是您正在寻找的，但也许您可以使用我的想法。由于我没有关于您要完成的工作
我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码，但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如，我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码？我知道在pry中我可以执行类似show-methodmethod的操作，但我如何才能对Rails框架中的方法执行此操作？您对我如何更好地理解Gem及其API有什么建议吗？仅仅阅读源代码似乎真的很难，尤其是对于框架。谢谢! 最佳答案 Ru
我有一个div，它根据表单是否正确提交而改变。我想知道是否可以检查类的特定元素？开始元素看起来像这样。如果输入不正确，添加错误类。 最佳答案 试试这个:browser.div(:id=>"myerrortest").class_name更多信息:http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method另一种选择是只查看具有您期望的类的div是否存在browser.div((:id=>"myerrortes
导读语言模型给我们的生产生活带来了极大便利，但同时不少人也利用他们从事作弊工作。如何规避这些难辨真伪的文字所产生的负面影响也成为一大难题。在3月9日智源Live第33期活动「DetectGPT：判断文本是否为机器生成的工具」中，主讲人Eric为我们讲解了DetectGPT工作背后的思路——一种基于概率曲率检测的用于检测模型生成文本的工具，它可以帮助我们更好地分辨文章的来源和可信度，对保护信息真实、防止欺诈等方面具有重要意义。本次报告主要围绕其功能，实现和效果等展开。（文末点击“阅读原文”，查看活动回放。）Ericmitchell斯坦福大学计算机系四年级博士生，由ChelseaFinn和Chri
其实做自媒体的成本并不高，入门只需要一部手机即可！在手机上找视频素材、使用手机剪辑视频、最后使用手机发布视频作品获得收益！方法并不难，今天这期内容就来给粉丝们分享一种小方法，每天稳定收益100-300，抓紧点赞收藏！1、找素材（1）使用手机拍摄自己喜欢的经典段落，使用程序把文案内容提取出来（2）也可以在豆瓣、知乎、微博等网站中找一些自己需要的文案素材（3）把文案进行润色修改，可以加入一些自己的观点（4）视频素材可以使用软件中自带的素材，也可以在素材网站中下载完整版的素材2、文案配音（1）把复制好的文案直接导入小程序中（2）调整音色、音调后一键合成音频即可（3）可以选择自己朗读配音，需要花一点时
之前说过10之后的版本没有3dScan了，所以还是9.8的版本或者之前更早的版本。 3d物体扫描需要先下载扫描的APK进行扫面。首先要在手机上装一个扫描程序，扫描现实中的三维物体，然后上传高通官网，在下载成UnityPackage类型让Unity能够使用这个扫描程序可以从高通官网上进行下载，是一个安卓程序。点到Tools往下滑，找到VuforiaObjectScanner下载后解压数据线连接手机，将apk文件拷入手机安装然后刚才解压文件中的Media文件夹打开，两个PDF图打印第一张A4-ObjectScanningTarget.pdf，主要是用来辅助扫描的。好了，接下来就是扫描三维物体。将瓶
Heroku支持人员告诉我，为了在我的Web应用程序中使用自定义字体(未安装在系统中，您可以在bash控制台中使用fc-list查看已安装的字体)我必须部署一个包含所有字体的.fonts文件夹里面的字体。问题是我不知道该怎么做。我的意思是，我不知道文件名是否必须遵循heroku的任何特殊模式，或者我必须在我的代码中做一些事情来考虑这种字体，或者如果我将它包含在文件夹中它是自动的......事实是，我尝试以不同的方式更改字体的文件名，但根本没有使用该字体。为了提供更多详细信息，我们使用字体的过程是将PDF转换为图像，更具体地说，使用rghostgem。并且最终图像根本不使用自定义字体。在
在我让另一个人重做我的前端UI之前，我的Rails应用程序运行平稳。我已经尝试解决此错误3天了。这是错误:Nosuchfileordirectory-identifyExtractedsource(aroundline#59):575859606162@post=Post.find(params[:id])authorize@postif@post.update_attributes(post_params)flash[:notice]="Postwasupdated."redirect_to[@topic,@post]else{"utf8"=>"✓","_method"=>"patc